製作網頁的過程中，你有時候需要知道某個元素在網頁上的確切位置。 下面的教程總結了Javascript在網頁定位方面的相關知識。 一、網頁的大小和瀏覽器視窗的大小 首先，要明確兩個基本概念。 一張網頁的全部面積，就是它的大小。通常情況下，網頁的大小由內容和CSS樣式表決定。 瀏覽器視窗的大小，則是指在瀏覽器視窗中看到的那部分網頁面積，又叫做viewport（視口）。
昨天在寫一個很簡單的html頁面加上一些基本的javascript指令碼時，發現指令碼怎麼都無法運行，花了1個多小時折騰才發現錯誤在哪裡。簡單給出如下類似代碼，看看你能找到問題在那裡嗎？ 仔細看後發現了麼。原來是有個分號是在中文模式下輸入的，而在notepad裡面兩種分號區別並不是很明顯，尤其是當代碼長時更難找到。如果你說那不開中文IME不就完了麼，可是如果上圖中的兩處alert都需要你提示的是中文而非英文，這就難免需要在中英文輸入之間切換，所以潛在的風險也就提升了。
複製代碼 代碼如下: <script type="text/javascript"> //使用apply方法實現對象繼承 function Parent(username) { this.username = username; this.sayHello = function() { alert(this.username); } } function Child(username, password) { Parent.apply(this, new
有時候要對響應一堆相似的事件，但是每個事件的參數都不同，一開始還以為挺簡單的，用個for迴圈不就得了，結果發現，額，都是使用了最後一個參數。。。 上網查資料！！！結果大神說用閉包解決 代碼： 複製代碼 代碼如下: for(var i=0;i<10;i++){ btns[i].onclick=(function(i){ return function(){alert(i)} })(i) }
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
window.open()支援環境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ window.open(pageURL,name,parameters) pageURL 為子視窗路徑 name 快顯視窗的名字 parameters 為視窗參數(各參數用逗號分隔) alwaysLowered | yes/no | 指定視窗隱藏在所有視窗之後 alwaysRaised | yes/no | 指定視窗懸浮在所有視窗之上 depended |
URL地址自動添加的實現其實就是那麼點內容：檢測與替換。檢測“檢測”就是檢測文字（字串）內部是否有符合http地址的內容，顯然，這需要用到Regex進行驗證，這個工作前端和後台都可以做，這裡，只講前端的方法，使用JavaScript實現。驗證HTTP地址的Regex如下（可能有疏漏或是不準確之處，歡迎指正）：複製代碼 代碼如下:var reg =
複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>匯出Excel</TITLE> <script type="text/javascript"> var idTmr = ""; function killExcelProcess(appExcel_){ appExcel_.Quit();
原理就是迴圈擷取網頁上的控制項，然後設定disabled 屬性為true.代碼如下：複製代碼 代碼如下:<script type="text/javascript"> var nodeList = document.getElementsByTagName("input"); for (var i = 0; i < nodeList.length; i++)
近期在做一個項目，會遇到在子頁面中提交的時候會無法能夠調試javascript代碼的情況出現，有時候這種問題，我們無法正常在瀏覽器，看到我們子頁面的javascript代碼，所以只能夠用原始的alert 或者 console.log()，當然，這也是一種解決方案，但是有時候，我們就想看一下程式到底是如何啟動並執行，同時也可以看每個參數到底是什麼值，所以意義還是比較大的。 我貼張圖，大家就大概瞭解是什麼時候會出現這個問題了。 複製代碼 代碼如下: <script> function
有同事在公司的OA上發了個貼子，介紹在javascript中如何得到中英文混合字串的長度。 用的是Regex。 複製代碼 代碼如下: var str = ”坦克是tank的音譯”; var len = str.match(/[^ -~]/g) == null ? str.length : str.length + str.match(/[^ -~]/g).length ; 我查了一下書，有點明白了： 西文常用字元集由空格“
1）基本思路： 要判斷兩個IP地址是否在同一個網段，將它們的IP地址分別與子網路遮罩做與運算，得到的結果為網路號，如果網路號相同，就在同一子網，否則，不在同一子網。 2）具體實現： 複製代碼 代碼如下: /** * [isEqualIPAddress 判斷兩個IP地址是否在同一個網段] * @param {[String]} addr1 [地址一] * @param {[String]} addr2 [地址二] * @param {[String]} mask [子網路遮罩] *
現在介紹如何為一個對象添加、修改或者刪除屬性和方法。在其他語言中，對象一旦產生，就不可更改了，要為一個對象添加修改成員必須要在對應的類中修改，並重新執行個體化，而且程式必須經過重新編譯。JavaScript 中卻非如此，它提供了靈活的機制來修改對象的行為，可以動態添加、修改、刪除屬性和方法。例如首先使用類Object來建立一個Null 物件user：var user=new Object();1．添加屬性這時user 對象沒有任何屬性和方法，顯然沒有任何用途。但可以為它動態添加屬性和方法，例如：
一度以為在javascript的世界裡，所有方法都是公有的，無法真正從技術上定義一個私人方法，今天又一次發現：其實我錯了! 複製代碼 代碼如下:var Person = function(name,sex){ this.name = name; this.sex = sex; var _privateVariable = "
複製代碼 代碼如下:<mce:script type="text/javascript"><!--/* 每個對象執行個體都有個屬性成員用於指向到它的instanceof 對象(暫稱為父物件)的原型(prototype) 我們把這種層層指向父原型的關係稱為[原型鏈 prototype chian] 原型也具有父原型，因為它往往也是一個對象執行個體，除非我們人為地去改變它
web開發中，如果需要將“服務端返回的json對象”綁定到“現有頁面上的dom元素”，傳統賦值的方式太繁瑣，寫起來也很累(特別是json對象很大時)，於是想出了下面的偷懶方法，不過有二個前提：1、元素的id要與json對象中的屬性命名一致2、json對象中的屬性名稱，最好不要重複複製代碼 代碼如下:<!doctype html><html><head><title>json對象遍曆示範</title><script
1、<script>標籤應越少越好（雖然有多個也不會導致程式報錯），因為每個<script>標籤初始下載時都會阻塞頁面渲染 2、<script>標籤盡量不要放在頁面上方，盡量放在<body>內的最下面，因為每個<script>在執行的時候，都會下載對應的js檔案，瀏覽器會等待所有js/css下載完成才顯示出頁面 3、當需要匯入多個js檔案的時候，一般情況下我們都是寫兩個<script src="..."
1 Javascript數群組轉換為CSV格式 首先考慮如下的應用情境,有一個Javscript的字元型(或者數值型)數組,現在需要轉換為以逗號分割的CSV格式檔案。則我們可以使用如下的小技巧，代碼如下：複製代碼 代碼如下:var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];var str =
大多數語言都提供了按位元運算符，按位元運算符在c,c++等語言中運用廣泛，而在JS，AS等指令碼語言中則沒有太多的應用例子，有時候，適當的使用按位元運算符會取得很好的效果。下面根據自己的認知簡單的談一下js中的位操作使用（同樣適用於其他語言），如果有錯誤，歡迎指正。按位元運算符是把運算元看作一系列單獨的位，而不是一個數字值。所以在這之前，不得不提到什麼是“位”：數值或字元在記憶體內都是被儲存為0和1的序列，每個0和1被稱之為1個位,比如說10進位資料2在電腦內被儲存為 0 0 0 0 0 0 1
網頁可見地區寬：document.body.clientWidth 網頁可見地區高：document.body.clientHeight 網頁可見地區寬：document.body.offsetWidth (包括邊線的寬) 網頁可見地區高：document.body.offsetHeight (包括邊線的寬) 網頁本文全文寬：document.body.scrollWidth 網頁本文全文高：document.body.scrollHeight
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
