1、 傳遞參數時需要使用encodeURIComponent，這樣組合的url才不會被#等特殊字元截斷。 例如：<script language="javascript">document.write('<a
複製代碼 代碼如下: <script language="javaScript"> function closeWindow() { window.opener = null; window.open(' ', '_self', ' '); window.close(); } </script> <input type='button' value='關閉視窗' onClick="closeWindow()"> 或
看到這個題,我蒙了,因為那時候我不清除這個問題,想了半天沒想出來,後來到網上一查,在國外的某網站查到說setInterval和setTimeout之後的函數的範圍是全域的,也就是裡面的this指向的是全域對象. 這個問題可麻煩了,我經常要在迴圈函數裡用this來引用當前對象,也許你想到可以用閉包,不過實際情況並非如此簡單,對象執行個體多了之後,閉包也亂套了. 我的願望就是讓迴圈函數裡的this仍然指向當前內容相關的對象,無需傳參數,無需閉包(其實這也是閉包,只是形式上看著比較自然而已); 例如:
複製代碼 代碼如下: (function(){ //這裡忽略jQuery所有實現 })(); (function(){ //這裡忽略jQuery所有實現 })(); 半年前初次接觸jQuery的時候，我也像其他人一樣很興奮地想看看源碼是什麼樣的。然而，在看到源碼的第一眼，我就迷糊了。為什麼只有一個匿 名函數又沒看到運行（當然是運行了……），就能有jQuery這麼個函數庫了？於是，我抱著疑問來到CSDN。結果相信現在很多人都很清楚了（因為在我之
這個例子簡單講就是滑鼠拖動表徵圖到它任意想去的地方 代碼 複製代碼 代碼如下: <body> <div id="block" style="width:100px; height:100px; position:relative; background-color:#FF0000";></div> <script> var bb = document.getElementById("block"); bb.onmousedown =
簡介 實作類別似於Photoshop控制台輸入文本數位效果，所以名稱叫做PsWheel。用於控制輸入數字類型文字框實現滑鼠滾輪上下滑動改變值，支援正整數、小數類型輸入文本。 相容IE/Firefox/Opera/Safari/Chrom 可定義滾動變化間隔值，支援整數、浮點數 雙擊恢複初始值 僅3.92K，壓縮後2.67K 代碼 複製代碼 代碼如下: /* * cutePsWheel JS * Description:A js liabary which control the text
第1章 精華 JavaScript的特性中有一部分特性帶來的麻煩遠遠超出它們的價值。其中，一些特性是因為規範很不完善，從而可能導致可移植性的問題；一些特性會導致產生難以理解和修改的代碼；一些特性促使My Code風格過於複雜且易於出錯；還有一些特性就是設計錯誤。有時候語言的設計者也會犯錯。 大多數程式設計語言都有精華部分和雞肋部分。我發現如果只使用精華部分而避免使用雞肋的部分，我可以成為一個更好的程式員。畢竟，用糟糕的組件怎麼可能構建出好東西呢？
雖然不是很複雜的實現，但每次都要這樣就會很麻煩，所以我寫了一小段指令碼，用來自動產生這個輸出視窗。 代碼 複製代碼 代碼如下: window.Babu = {}; Babu.Debugging = {}; Babu.Debugging.writeLine = function(format, arg1, arg2) { var console = Babu.Debugging._getConsole(); if (console.get_visible()) { var msg =
基本問題很簡單。假設你的一個元素包含在另外一個元素中。 複製代碼 代碼如下: ----------------------------------- | element1 | | ------------------------- | | |element2 | | | ------------------------- | ----------------------------------- 這兩個元素都有onclick事件處理常式。如果使用者在element2上面單擊那麼在元素2和元素1
當我們想去讀一讀關於Event的一些資料時，常常會湮沒在大量的屬性裡面，這些屬性其中的大多數不能良好的運行在大多數的瀏覽器。這裡有event的相容性列表。 我不打算給這些屬性列個表，因為那些情況實在是太讓人暈頭了，而且對你的學習也不會有一點點的協助。在寫5段代碼前我先要問關於瀏覽器的5個問題。 1、event的類型（type）是什嗎？ 2、哪一個HTML元素是event的目標呢？ 3、哪些鍵在event發生時被按下了？ 4、哪個滑鼠鍵在Event發生時被按下了？
現在我們已經註冊了事件處理常式，對於事件我們還想更深入的瞭解。我們想知道事件發生時候的滑鼠位置，我們想知道使用者按下了哪些鍵。這些都是可能的，雖然這部分有很多煩人的瀏覽器安全色性問題。（這裡可以快速查看瀏覽器安全色性列表）。 要讀出事件的屬性，必須要先能訪問到事件。 瀏覽器安全色性 站在瀏覽器戰爭的角度看，Netscape實現了一個訪問模型（後來被W3C做借鑒）和很多的事件屬性，同時微軟也做了同樣的事情。當然這兩種模型是完全不相容的。但是就像我們再簡介裡面說的，如果 複製代碼 代碼如下: if
W3C和微軟都著力於發展自己的事件註冊模型來取代Netscape的傳統模型。雖然對於微軟的模型我不是很感冒，但是w3c的還是不錯的，除了這個滑鼠定位 的問題。不過現在只有小部分瀏覽器支援。 W3C W3C的DOM層面事件規範注意到了傳統模式的問題。他對於你想在一個元素上綁定多個事件提供了一個很好的解決辦法。
在最古老的JavaScript瀏覽器裡註冊事件只能通過內聯模式。自從DHTML從根本上改變了你操作頁面的方法，事件的註冊就必須有擴充性而且要有很強的適應性。所以就必須有相應的事件模型。Netscape在第三代瀏覽器中就開始了，IE在第四代瀏覽器開始。 因為Netscape 3就開始支援這種新的事件註冊模型，在瀏覽器戰爭前就是事實上的標準。所以微軟不得不也是最後一次為了網上那些數不清的使用了Netscape事件處理模型的頁面在相容性上做出了讓步。
這些古老的瀏覽器只支援一種註冊事件處理常式的方法，這個方法是Netscape發明的。因為Netscape先發制人，所以如果微軟也想做支援JavaScript事件的瀏覽器就得跟著Netscape走，所以這裡沒有相容性的問題。所以這種模式在任何支援JavaScript的瀏覽器都能運行---除了Mac上的IE3，他根本就不支援事件。 註冊事件處理常式 在內聯式的事件註冊模型中，事件處理常式就像是一個HTML元素的屬性，比如： <A HREF="somewhere.html"
在這裡提出的事件，當他們發生在一個確定的HTML元素上的時候，他們的名字能夠被大多數的瀏覽器所識別。也就是說，瀏覽器會尋找你為這個HTML元素所註冊的事件處理常式的指令碼，而且會被立即執行。 一開始只有為數很少的一些事件。這些事件在幾乎所有的JavaScript瀏覽器都能運行，即使是那些非常古老的。需要注意的是那些早期的事件只能工作在連結或者表單上，有時候也能運行在整個視窗上，但是其他的大多數HTML元素不行。 &
沒有event就沒有指令碼。可以看看任何有JavaScript代碼的網頁：幾乎所有的例子都有一個事件觸發了指令碼。原因非常簡單。JavaScript就是給你的頁面添加內部活動：使用者做一些事情然後頁面做出回應。 因此JavaScript就需要一個方法能夠檢測到使用者的動作然後才能知道什麼時候做出反應。這還需要知道那個函數會被執行，函數會做一些你認為的給你的網頁增色的動作。這些文字描述了如何去寫這樣的指令碼。雖然不容易，但是這是一個很讓人滿足的工作。
HTML 複製代碼 代碼如下: <input type="password" name="psw" id="loginpsw" onkeypress="submit1(event)"/> Javascript 複製代碼 代碼如下: function submit1(e){ var isie = (document.all) ? true : false;//判斷是IE核心還是Mozilla var key; if (isie) key = window.event.keyCode;
從那起，我已經對這些方法做了大量的研究，並且已經在很多場合使用他們。在很多任務中，他們被證明是非常有用的（特別關於結構的抽象 DOM 選取器）。 1、DOMElement.contains(DOMNode) 這個方法起先用在 IE ，用來確定 DOM Node 是否包含在另一個 DOM Element 中。 當嘗試最佳化 CSS 選取器遍曆（像：“#id1 #id2”），這個方法很有用。你可以通過 getElementById 得到元素，然後使用 .contains() 確定 #id1
code如下： 複製代碼 代碼如下: /*! *author:sohighthesky *blog:http://www.cnblogs.com/sohighthesky *date:2010-2-4 */ var zooming=function(e){ e=window.event ||e; var o=this,data=e.wheelDelta || e.detail*40,zoom,size; if(!+'\v1'){ zoom = parseInt(o.style.zoom) ||
第一段代碼就是強調一下這個用法,我在我的項目中使用了一個switch,後來我發現這樣的代碼好醜,於是我就寫成||&&形式的, 後來測試效能的時候,發現效能竟然上了一個數量級,可見這種寫法在某些情況下可以增加效能,但是我並不確定是何種情況才能提高效能,因為我測試在通常情況下switch和||&&的效能是差不多的. 原來的代碼: 複製代碼 代碼如下: switch(this.now_char=this.str.charAt(this.index)){ case "/":
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
