Time of Update: 2018-12-08
步驟如下: (1) 準備圖片(左右箭頭,以及一些樣本圖片) (2) JS(jquery)的代碼如下: 複製代碼 代碼如下:<script type="text/javascript" src="JS/jquery-1.4.4.js"></script> <script type="text/javascript"> var picPath = new Array(); picPath.push("Images/chuang_yhb.jpg");
Time of Update: 2018-12-08
var a=new Array(); 如果這樣定義:a[3]="a"; alert(a.length) 4 而是的1, 如果定義了,但沒有賦值則返回一個undefined (alert(a[0])) 建立數組: 複製代碼 代碼如下:arr = [];//是的,一個空中括弧 //與下面一句幾乎是等價的 arr = new Array();var a=new Array(1,"n",3,"m",5,“m”,8); var a=[]; //定義一個空數組 var a=new Array(2);
Time of Update: 2018-12-08
一個div的運動其實就是它與瀏覽器邊框的距離在變動。如果他變化的速率一定,那就是勻速運動;如果變化的速率不一定,那麼就是變速運動。當,變動率與聚離瀏覽器邊框的距離成比例的話,那麼就可以說是div在做緩衝運動。 其實,很簡單,就是用一個定時器(timer),每隔一段時間來改變div聚瀏覽器邊框的距離。 比如勻速運動: 進入定時器:(每隔30ms做) if(是否到達終點) { 停止定時器} else do{ 改變距離} 改變距離的方法決定是勻速還是變速(緩衝)運動。 勻速的比如: 複製代碼
Time of Update: 2018-12-08
由於主流瀏覽器對select元素渲染不同,所以在每種瀏覽器下顯示也不一樣,最主要的是預設情況下UI太粗糙,即使通過css加以美化也不能達到很美觀的效果。這對於我們這些專註於UX的前端開發人員是無法容忍的。於是在項目不太忙的時候,就計劃寫一個類比的select控制項出來。接下來就把實現的細節、遇到的問題以及如何使用和大家分享一下。 1. 實現細節 init: function(context) { //擷取指定上下文所有select元素 var elems =
Time of Update: 2018-12-08
因為工作的需要,我要在網頁端編寫一段指令碼,把資料通過網頁批量提交到系統中去。所以我就想到了Greasemonkey外掛程式,於是就開始動手寫,發現問題解決得很順利。但是在對指令碼進行總結和整理的時候,我習慣性地問了自己一個問題:能不能再簡單點?
Time of Update: 2018-12-08
Javascript 的數組Array,既是一個數組,也是一個字典(Dictionary)。先舉例看看數組的用法。 複製代碼 代碼如下:var a = new Array(); a[0] = "Acer"; a[1] = "Dell"; for (var i = 0; i < a.length; i++) { alert(a[i]); } 下面再看一下字典的用法。 複製代碼 代碼如下:var computer_price = new Array();
Time of Update: 2018-12-08
請嘗試完成下列完形填空: 複製代碼 代碼如下:/* 建立一個隊列,頭為head0,尾為tail0 */ function IntList(head0, tail0){ this.head = head0 || 0; this.tail = tail0 || null; } /* 返回一個IntList包含數組中的所有數 */ IntList.list = function(__args){ var sentinel = new IntList(), len = __args.length, p
Time of Update: 2018-12-08
幸運的是,jQuery提供了一個內建的實用函數,$getScript()為我們提供了這樣的方法。來實現在網頁動態功能。來看看這個函數的文法: $.getScript(url,callback) 擷取url參數所指定的指令碼,使用一個GET請求到指定的伺服器 Parameters URL()擷取指令檔的URL。 callback (Function)可選函數 呼叫指令碼檔案載入后里面的函數 具體實現過程是 從資源載入文本 |如果字串成功 返回XHR執行個體,用來擷取指令碼。
Time of Update: 2018-12-08
javascript中window.document的屬性、方法和事件的總結,有需要的朋友可參考一下本文章。 屬性: Attributes 儲存節點的屬性列表(唯讀) childNodes 儲存節點的子節點列表(唯讀) dataType 返回此節點的資料類型 Definition 以DTD或XML模式給出的節點的定義(唯讀) Doctype 指定文件類型節點(唯讀) documentElement 返迴文檔的根項目(可讀寫) firstChild 返回當前節點的第一個子節點(唯讀)
Time of Update: 2018-12-08
javascript中window.confirm這個方法很好用,可以彈出一個確認對話方塊我們之所以彈出這個對話方塊,可能就是因為該操作很危險,所以要使用者確認。但如果預設選擇"確定",則可能違背了這個原則。 另外,confirm對話方塊的按鈕都是固定在"確定"和"取消"這兩個。可能有些時候也不是很直觀。 所以,可以考慮用vbscript中的msgbox來改寫這個行為。下面是一個範例 複製代碼 代碼如下:<%@ Page Language="C#"
Time of Update: 2018-12-08
複製代碼 代碼如下:// 去掉字串的頭空格(左空格) function LTrim(str){ var i; for(i=0;i<str.length; i++) { if(str.charAt(i)!=" ") break; } str = str.substring(i,str.length); return str; } // 去掉字串的尾空格(右空格) function RTrim(str){ var i; for(i=str.length-1;i>=0;i--){
Time of Update: 2018-12-08
confirm() 方法 confirm() 方法用於顯示一個帶有指定訊息和確定及取消按鈕的對話方塊。 說明:如果使用者點擊確定按鈕,則 confirm() 返回 true。如果點擊取消按鈕,則 confirm() 返回 false 一種: 複製代碼 代碼如下:<a href="javascript:if(confirm('確實要刪除該內容嗎?'))location='http://www.baidu.com'">快顯視窗</a> 二種: 複製代碼
Time of Update: 2018-12-08
很多時候我們會用for 來產生多個結構相同的節點結構,這樣我們需要寫很多createElement、setAttribute、appendChild 等代碼。 但其實我們只需要有一個html 的模板,就可以用cloneNode 方法對已有的節點進行複製,包括其子節點。 以下是cloneNode 方法原型: newElement oldElement.cloneNode(bool deep); 這個方法只有一個參數deep,布爾值,如果為true,則複製oldElement
Time of Update: 2018-12-08
主要是通過對document.cookie字串的分析來進行功能的組裝的。 溫習一下javascript中對cookie的操作: 增加cookie可以用document.cookie="userId=111";來實現 完整版可以用:document.cookie="userId=111;domain=.google.com;path=\;secure=secure;expire="+date.toGMTString(); 可以設定cookie的到期時間,網域名稱,路徑
Time of Update: 2018-12-08
接下來應該是BOM和HTML5了,但是鑒於ECMAScript5相對於ECMAScript3的新變化比較多,而且這些變化也非常的有意思,因此在這篇文章中再將我認為的有意思的變化(並非全部變化)集中整理一下,但這裡只是列舉,不具體展開。 一、文法變化 1、關鍵字和保留字 在ES3中,使用關鍵字做標識符會導致“Identifier Expected ”錯誤,而使用保留字做標識符可能會也可能不會導致相同的錯誤,具體取決於特定的引擎。在ES5中,關鍵字和保留字雖然不能作為標識符
Time of Update: 2018-12-08
需要指出的是,這裡只是總結了Regex的常用的且比較簡單的文法,而不是全部文法,在我看來,掌握了這些常用文法,已經足夠應對日常應用了。Regex不只是應用在ECMAScript中,在JAVA、.Net、Unix等也有相應應用,這篇文章則是以ECMAScript中的Regex為基礎總結的。一、Regex基礎
Time of Update: 2018-12-08
Html 及 JS 代碼如下: 複製代碼 代碼如下:<div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();" style="position: absolute; width: 100px;"> <a href="http://www.jb51.net" target="_blank">指令碼之家</a> </div>
Time of Update: 2018-12-08
內建對象就好比是JDK中的類庫,開發人員可以直接拿來使用,這極大的方便了常見的編程任務。這篇文章就來瀏覽一下主要的內建對象,當然,我們並不是第一次接觸內建對象,前面已經接觸到的就有Object、Function、Boolean、Number、String,對於已經介紹過的,這裡再總結複習一下,沒有介紹過的,根據相關性來對比的總結,RegExp對象及Regex在下一篇中再單獨介紹。
Time of Update: 2018-12-08
方法一:這是在網上找的一個方法,可以用。但說實話,這個方法我不怎麼明白。。。寫得好複雜。這樣做跟setTimeout能有多大區別? 複製代碼 代碼如下:function Pause(obj, iMinSecond) { if (window.eventList == null ) window.eventList = new Array(); var ind = -1; for (var i = 0; i < window.eventList.length; i++) { if
Time of Update: 2018-12-08
複製代碼 代碼如下:function initialize() { addcloud(); //為頁面添加遮罩 document.onreadystatechange = subSomething; //監聽載入狀態改變 } function addcloud() { var bodyWidth = document.documentElement.clientWidth; var bodyHeight =