JavaScript

有幾種方式，但都不完美 其一，不斷迴圈，直到達到指定時間 複製代碼 代碼如下: function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } } 其實代碼並沒有讓指令碼sleep下來，

複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;">         <div id="demo" style="overflow:hidden;height:160;width:100%;">          <div id="

最近看了好幾個關於<a>標籤和javascript：void(0)的文章，謹記於此，以資查閱。 註：以下代碼未經全面測試，但每一種方法可能會出現的情況都基本做了說明。 在做頁面時，如果想做一個連結點擊後不做任何事情，或者響應點擊而完成其他事情，可以設定其屬性 href = "#"，但是，這樣會有一個問題，就是當頁面有捲軸時，點擊後會返回到頁面頂端，使用者體驗不好。目前有如下幾種解決辦法： 1)點選連結後不做任何事情 <a href="javascript：void(0

線上示範 大家還記得我們曾經介紹過的表單驗證jquery外掛程式jquery.validationEngine吧，使用這個外掛程式你不需要寫任何一行js代碼就可以產生一個功能強大的表單驗證功能。是不是超棒？ 今天介紹的Parsley同樣也可以協助你只使用簡單的配置即可實現表單驗證功能，基於它的強大DOM-API。 主要特性 •基於超棒的使用者體驗 •超級方便配置 •超輕量級(壓縮後12K），支援jQuery和Zepto

下面的函數接收一個參數，該參數可以是數組還可以是一個元素，返回元素的文本。 複製代碼 代碼如下: function text(e){ var str = ""; //如果傳入的是元素，擷取它的子項目 //否則，當它是一個數組 e=e.childNodes || e; for ( var i = 0; i < e.length; i++ ) { //判斷元素類型 //如果是text就擷取它的文本，否則，遍曆它的子項目 str += e[i].nodeType != 1 ?

javasscript刪除數組的3種方法1，用shift()方法shift：刪除原數組第一項，並返回刪除元素的值；如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var chaomao.shift()//得到1alert(chaomao)//[2,3,4,5]2，用pop()方法pop：刪除原數組最後一項，並返回刪除元素的值；如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var

/** * 本文純粹是梳理一下目前W3C標準中Array對象的內建Method。 * 全文沒啥營養，不過最後效能測試的部分，倒是拋出了一些疑問。 */ 賦值方法 （Mutator methods） 這些方法直接修改數組自身 pop 和 push Array.pop(); // 刪除數組最後一個元素，返回被刪除的元素 Array.push(element1, ..., elementN); // 在數組尾部插入1-N個元素，返回操作後數組的length 通過這 pop 和 push

效果如下： 複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <style type="text/css">    .code   

在使用Java做背景時候，都會做到登入的頁面，但是自己的頁面太難看了，要置中沒置中，要顏色沒顏色，但是無論是怎麼樣都得使登入的框置中吧！以前的想法是通過CSS+Div使div置中，但是現在的想法變了，通過JavaScript可以簡單的使Div在頁面上置中，隨著網頁大小的改變做出相應的改變。而且只要明白了置中的原理輕而易舉就可以實現了。 先看一下置中的原理吧! 先看一張圖。

今天有做了幾個asp.net結合Javascript的教程文章。現回顧頭來看看那些Javascript指令碼，有寫得不太理想，過於複雜。現抽取出來，重構它們。 之前一： 複製代碼 代碼如下: function SelectedAll(cb) { cb.checked = cb.checked ? false : true; var gv = document.getElementById('<%=GridViewCouplets.ClientID %>'); var rc = gv.

今天在犀牛書上發現了一個有用的函數 urlArgs（提取URL的搜尋字串中的參數）。我們經常會看到有的頁面連結地址後面會跟有參數，比如 http://www.xxx.com/?username=yyy&password=zzz 之類的，很多時候我們需要獲得這些參數的值（yyy和zzz），那麼就可以利用 urlArgs 函數，通過該函數的傳回值（傳回值是對象）的屬性來擷取。 urlArgs 函數代碼： 複製代碼 代碼如下: function urlArgs(){ var args = {};

現在很多網站都有這樣的一個效果，當頁面滾動到一定高度時，功能表列會固定在頁面頂部。其實就是改變 position 的值。 html 代碼： 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css"

嵌入 iframe 的頁面，父頁面與子頁面均可以很輕鬆的在同域或跨子域的情況下進行讀寫操作；在完全不同域的情況下，也可以通過更改 hash 的方式進行通訊。下面我在九個不同（版本的）瀏覽器中對此進行資料轉送與更改的相容性測試。 同域或跨子域讀寫操作 iframe 裡的內容父頁面讀寫操作子頁面：複製代碼 代碼如下:<iframe id="test-iframe" name="test-iframe" src="child.html" scrolling="no" frameborder="0

現在很多網站都用到了返回頂部的效果，當然懶的話也可以直接 a 網站連結到 #，這樣也可以達到效果。今天抽空用原生 javascript 寫了個，由於本人水平有限，如有問題請指出。 html 代碼： 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-回到頂部</title> <style type=

看到這個題目，或許有人會提出疑問，JavaScript代表用戶端，而Session代表的是伺服器（不知道這樣說大家是否能夠理解）。 先說一下需求，我在做一個許可權管理的時候，需要在點擊某個模組時，Session中相應的改變模組代號，而實現這個操作的是一個a標籤，當然我不知道

分享一個Javascript編寫函數的最佳化技巧。 適用的函數應該要滿足以下條件： 產生固定結果頁面中多次調用 複雜或較耗時 代碼和分析如下： Java代碼： 複製代碼 代碼如下: //產生固定結果並且在頁面中多次調用的函數 function check() { //類比耗時操作 var begin = Date.now(); //ECMAScript5添加的，若不支援請改成 +new Date(); var ONE_SECOND = 1000, result = false;

前言 上一篇文章，我們講解了影像金字塔，這篇文章我們來瞭解仿射變換。仿射？任何仿射變換都可以轉換成，乘以一個矩陣（線性變化），再加上一個向量（平移變化）。實際上仿射是兩幅圖片的變換關係。例如我們可以通過仿射變換對圖片進行：縮放、旋轉、平移等操作。一個數學問題在解決仿射問題前，我們來做一個數學題。如圖，對於點(x1, y1)，相對於原點旋轉一個角度a，那麼這個點到哪裡了呢？我們將座標系變成極座標系，則點(x1, y1)就變成了(r, β)，而旋轉後變成(r, α+

解譯器模式（Interpreter）：定義一種文法格式，通過程式解釋執行它並完成相應的任務。在前端編程情境中可以應用解譯器模式來解釋CSS選擇符實現DOM元素的選擇。

最近在修改百度地圖開源的東西，想把裡面耦合在一起的代碼給拆分出來。拆解之後，發現了一些坑爹的問題。邏輯上沒有問題的情況下，該出現的效果沒有出現。然後就以為是代碼哪裡寫得不對了，就一直找啊找的。在調試的時候發現，相應的事件被執行了兩遍。瞬間就明白了，肯定在哪個地方重複綁定了事件。果然，真心腦殘的綁定了兩次事件。 平時在寫代碼的時候，如果發現綁定的事件觸發了兩次，那就要查看是否是綁定了兩次事件了。別傻傻的先去查看代碼哪裡處處了，或者懷疑別人的api有問題。

示範地址： http://www.ihuxu.com/project/gcdmove/調用樣本： var GCDM = gcdMove(oDiv,100,0); GCDM.startMove();//開始運動 GCDM.stopMove();//結束運動 該段JS代碼已經封裝好了，代碼如下： 簡要說明 - obj為要改動的對象元素，通常為某個div；iSpeedX，iSpeedY為div出師的橫向（右側），豎向（下）的初始速度，當然也可以設為零。 複製代碼 代碼如下: /** * @Desc