Time of Update: 2017-01-19
經研究發現,兩者之間有很大的區別,不知從英語講,這兩者都有啥區別,研究結果如下 測試os:ubuntu 測試瀏覽器:chrome 測試案例1 console.log(a) 報錯 ReferenceError: a is not defined 測試案例2 var a console.log(a) 無報錯,但是輸出undefined 測試案例2 var b = {}; console.log(b.a) 無報錯,但是輸出undefined 測試案例3 function c() { } var d =
Time of Update: 2017-01-19
設定cookie 每個cookie都是一個名/值對,可以把下面這樣一個字串賦值給document.cookie: document.cookie="userId=828"; 如果要一次儲存多個名/值對,可以使用分號加空格(; )隔開,例如: document.cookie="userId=828; userName=hulk"; 在cookie的名或值中不能使用分號(;)、逗號(,)、等號(=)以及空格。在cookie的名中做到這點很容易,但要儲存的值是不確定的。如何來存
Time of Update: 2017-01-19
Javascript原生並不支援命名空間,需要變通來實現。在我們建立一個JavaScript庫時,命名空間就顯得舉足輕重了,我們可以將組成這個JavaScript庫的零散的JavaScript檔案(*.js)封裝在命名空間中,而無須定義全域的函數或類。比如在本章節多次出現的Person,我們就可以作為庫的一部分封裝到合適的命名空間中:Code 5-13:複製代碼 代碼如下:var com = {};com.anyjava = {};com.anyjava.Person =
Time of Update: 2017-01-19
由於 Microsoft AJAX Library 對於 JavaScript 進行了大幅擴充,枚舉這個常用的功能當然也被加進去了,本次就是來探討 JavaScript 的枚舉功能。由於範例很簡單,所以直接看 HTML 標籤就 OK 了複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
Time of Update: 2017-01-19
方法1:複製代碼 代碼如下: Window.onload=function(){ Var name=document.getElementById(“name”).val();//載入HTML,並且載入外部所有所有的引用檔案(圖片,css樣式,js等)}方法2:需要引入Jquery的 .js檔案複製代碼
Time of Update: 2017-01-19
每個<script>標籤初始下載時都會阻塞頁面渲染,所以減少頁麵包含的<script>標籤數量有助於改善這一情況。這不僅僅針對外鏈指令碼,內嵌指令碼的數量同樣也要限制。瀏覽器在解析HTML頁面的過程中每遇到一個<script>標籤,都會因執行指令碼而導致一定的延時,因此最小化延遲時間將會明顯改善頁面的總體效能。
Time of Update: 2017-01-19
javascript中一個標識符所在的位置越深,它的讀寫速度也越慢。因此,函數中讀寫局部變數總是最快的,而讀寫全域變數通常是最慢的。一個好的經驗法則是:如果某個跨範圍的值在函數中被引用一次以上,那麼就把它儲存到局部變數裡。 例如: 複製代碼 代碼如下: <!-- 最佳化前 --> <script type="text/javascript"> function initUI () { var bd = document.body, links =
Time of Update: 2017-01-19
javascript中的match函數是使用Regex對字串進行尋找,並將尋找的結果作為數組返回,在實際開發中非常的有用,使用方法如下: stringObj.match(rgExp) 其中stringObj是必選項。對其進行尋找的 String 對象或字串文字。 rgExp是必選項。為包含Regex模式和可用標誌的Regex對象。也可以是包含Regex模式和可用標誌的變數名或字串文字。如果javascript中match函數方法沒有找到匹配,返回 null。如果找到匹配返回一個數組並且更新全域
Time of Update: 2017-01-19
訪問DOM元素是有代價的,修改DOM元素則更為昂貴,因為它會導致瀏覽器重新計算頁面的幾何變化。 當然,最壞的情況是在迴圈中訪問修改元素,尤其是對HTML元素集合迴圈操作。 例如: 複製代碼 代碼如下: <!-- 最佳化前 --> <script type="text/javascript"> function innerHTMLLoop () { for(var count = 0; count < 15000; count++){
Time of Update: 2017-01-19
一、前言最開始實現滑鼠拖動元素的目的就是在一個頁面上拖動很多小圓點,用於固定定位,然後在複製HTML,粘貼在頁面的開發代碼中,就是這麼一個功能,實現了很多遍,都沒有做好,不得已採用了jQuery.fn.draggable外掛程式,在接觸一些資料和別人的思路,今天終於把這個拖動功能給完善了,下面就來看看它的實現 二、設計思路在拖動元素上綁定滑鼠按下事件,在文檔對象中綁定滑鼠移動,滑鼠彈起事件;為什麼不把三個事件都綁定在拖動元素上,這是因為滑鼠移動太快時,滑鼠移動和彈起事件處理常式將不會執
Time of Update: 2017-01-19
在JavaScript中,提取子字串主要是通過 Slice、Substring、Substr 三個方法之一。複製代碼 代碼如下:// slice // 文法: string.slice(start [, stop])"Good news, everyone!".slice(5,9); // 'news'// substring // 文法: string.substring(indexA [, indexB])"Good news, everyone!".substring(5,9); // '
Time of Update: 2017-01-19
複製代碼 代碼如下://speed 捲動速度 time 時間間隔function gotoTop(speed,time){ speed = speed || 0.1; time = time || 16; // 捲軸到頁面頂部的水平距離 var x = document.body.scrollLeft; //
Time of Update: 2017-01-19
複製代碼 代碼如下: /** * 返回一個隨機的小寫字母 */ function getLowerCharacter(){ return getCharacter("lower");; } /** * 返回一個隨機的大寫字母 */ function getUpperCharacter(){ return getCharacter("upper");; } /** * 返回一個字母 */ function getCharacter(flag){ var character = "";
Time of Update: 2017-01-19
1、<script>標籤應越少越好(雖然有多個也不會導致程式報錯),因為每個<script>標籤初始下載時都會阻塞頁面渲染 2、<script>標籤盡量不要放在頁面上方,盡量放在<body>內的最下面,因為每個<script>在執行的時候,都會下載對應的js檔案,瀏覽器會等待所有js/css下載完成才顯示出頁面 3、當需要匯入多個js檔案的時候,一般情況下我們都是寫兩個<script src="..."
Time of Update: 2017-01-19
大多數語言都提供了按位元運算符,按位元運算符在c,c++等語言中運用廣泛,而在JS,AS等指令碼語言中則沒有太多的應用例子,有時候,適當的使用按位元運算符會取得很好的效果。下面根據自己的認知簡單的談一下js中的位操作使用(同樣適用於其他語言),如果有錯誤,歡迎指正。按位元運算符是把運算元看作一系列單獨的位,而不是一個數字值。所以在這之前,不得不提到什麼是“位”:數值或字元在記憶體內都是被儲存為0和1的序列,每個0和1被稱之為1個位,比如說10進位資料2在電腦內被儲存為 0 0 0 0 0 0 1
Time of Update: 2017-01-19
1.當點擊某一按鈕的時候,把圖片域中的圖片改變一下 複製代碼 代碼如下: <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="reflush();return false;">看不清</span> <script> function reflush() {
Time of Update: 2017-01-19
如果父div的position定義為relative,子div的position定義為absolute,那麼子div的style.left的值是相對於父div的值,這同offsetLeft是相同的,區別在於:1. style.left 返回的是字串,如28px,offsetLeft返回的是數值28,如果需要對取得的值進行計算,還用offsetLeft比較方便。2. style.left是讀寫的,offsetLeft是唯讀,所以要改變div的位置,只能修改style.left。3.
Time of Update: 2017-01-19
JavaScript如何擷取當前頁面上的指定對象. 方法如下: 複製代碼 代碼如下: document.getElementById(ID) //獲得指定ID值的對象 document.getElementsByName(Name) //獲得指定Name值的對象數組 document.all[] //很智能的東東 不過非WEB標準 document.getElementsByTagName //獲得指定標籤值的對象數組 下面給出例子,只需把注釋去掉直接運行就可看出效果. 複製代碼 代碼如下:
Time of Update: 2017-01-19
每當重大節日期間,各大主流網站首頁會披上節日的盛裝,設計者一般會使用大幅背景圖片來獲得更好的視覺衝擊效果,當然,也要考慮到有些使用者不習慣這大背景圖,那麼在背景圖上放置“關閉”按鈕是有必要的,使用者只要點擊“關閉背景”按鈕,大幅背景圖將會消失。我們使用javascript來控制背景圖片的顯示和隱藏,當點擊關閉按鈕時,控制CSS使頁面不載入背景圖,同時記錄COOKIE相關參數,並設定cookie的有效期間,那麼在cookie有效期間內重新整理頁面,是不會再載入背景圖的,如果cookie失效,則又會
Time of Update: 2017-01-19
通過userAgent判斷檢測一下userAgent返回的字串裡面是否包含“Chrome”, 具體怎麼檢測是通過indexOf方法進行的。複製代碼 代碼如下:<script type="text/javascript"> var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1; alert(isChrome); &