Time of Update: 2018-12-08
一. 測試環境 瀏覽器: IE6+, FF 3.5.5, Opera 10, Chrome 4.0.249, Safari 4.0.3 二. 例子 複製代碼 代碼如下:<form name="test-form" action="" method=""> <input type="checkbox" name="kk"> <form> <script type="text/javascript"> var oForm =
Time of Update: 2018-12-08
//迴圈隊列 function CircleQueue(size){ this.initQueue(size); } CircleQueue.prototype = { //初始化隊列 initQueue : function(size){ this.size = size; this.list = new Array(); this.capacity = size + 1; this.head = 0; this.tail = 0; }, //壓入隊列 enterQueue :
Time of Update: 2018-12-08
1:修改迴圈的執行方式 for(var i=0;i<element.childNodes.length;i++){ 執行代碼 } 這種方式每次迴圈都要取element.childNodes.length的值,應該改為如下的 var n=element.childNodes.length for(var i=0;i<n;i++){ 執行代碼 } 2:修改dom操作的次數 dom批量插入一批類似的節點不如先構造一個對象,插入一次 比如下面這種方法就是合理的: var
Time of Update: 2018-12-08
JQuery操作非集合數組函數 $.trim(value) 這個函數很簡單,從value中刪除任何前置或尾隨的空白字元。空白字元為任何匹配JavascriptRegex\s的任何字元。包括空格、換頁、換行、斷行符號、tab、垂直指標符等。 $.each(container, callback) 對container的每一項進行迭代,為每一項調用回呼函數callback。 container 可以是對象或數組。如果是js對象,則迭代其每個屬性;如果是數組,則迭代其每個元素。 callback
Time of Update: 2018-12-08
RegExp類 RegExp對象的建構函式可以帶一個或兩個參數 第一個參數是描述需要進行匹配的模式字串,如果還有第二個參數,這個參數則制定了額外的處理指示。 一、基礎 1.1使用RegExp對象 test()方法 測試是否匹配。如果給定字串(只有一個參數)匹配這個模式,它就返回true,否則返回false 複製代碼 代碼如下:var sToMatch = "cat"; var reCat = /cat/; //Regex字面量使用Perl風格的文法
Time of Update: 2018-12-08
document對象下表列出了BOM的document對象的一些通用屬性:屬 性說 明alinkColor啟用的連結的顏色,如<body alink="color">定義的*bgColor頁面的背景顏色,如<body bgcolor="color">定義的*fgColor頁面的文本顏色,如<body text="color">定義的*lastModified最後修改頁面的日期,是字串linkColor連結的顏色,如<body
Time of Update: 2018-12-08
Dom基礎—建立表格 利用js來動態建立表格有兩種格式,appendChild()和insertRow、insertCell()。但第一種有可能在IE上有問題,所以推薦使用第二種。 1、insertRow(index):index從0開始 這個函數將新行添加到index的那一行前,比如insertRow(0),是將新行添加到第一行之前。預設的insertRow()函數相當於 insertRow(-1),將新行添加到表的最後。一般我們在使用的時候都是: objTable.insertRow
Time of Update: 2018-12-08
Dom createElement()、createTextNode()、appendChild()、removeChild()、replaceChild()、insertBefore()、createDocumentFragment() //建立新節點 function CreatNode() { var oP = document.createElement("p"); oP.innerHTML = "<font style='color:red;'>Hello
Time of Update: 2018-12-08
但是parseInt("08", 10)是可以返回8的。 為搞清楚兩者的區別, 參考了別人寫的parseInt&Number的區別: parseInt Parses a string argument and returns an integer of the specified radix or base. 核心函數 實現版本 Navigator 2.0: If the first character of the string specified in
Time of Update: 2018-12-08
所以,越來越多的門戶網站也開始加入評級或投票功能,這裡是9個優秀的JavaScript實現的評級投票外掛程式和教材,方便你二次開發和使用。 jQuery Start RatingPrototype StarboxPrototype Livepipe Control.RatingMootool Rabid RatingFavourite rating with jQuery and AjaxHow to build a star ratings jQuery PluginReddit style
Time of Update: 2018-12-08
有許多理由讓你在頁面中加入拖放的功能,其中最簡單的理由是重新組織資料。舉個例子,你可能希望使用者能夠重組一系列的頁面元素,通過放置一個input或 select組件在各個元素的旁邊來代表它們的順序是一種解決方案,使該組元素可以被拖放是一種替代方案。或者也許你想在網站上擁有一個可以被使用者移動的導航視窗。這些都是使用拖放功能的簡單理由,因為你能夠實現!
Time of Update: 2018-12-08
例子: //javascript傳參數(多個) var url = "B.aspx?txtA="+document.getElementById("txtName").value; url +="&txtB="+document.getElementById("txtAge").value;
Time of Update: 2018-12-08
我大致翻譯了部分文章,可能有理解錯誤的地方,敬請指正。值得一提的是,評論部分的爭論亦值得一看。特性檢測 起初前端工程師們就極力反對瀏覽器檢測,他們認為類似user-agent嗅探的方法是很不好的,理由是它並不是一種面向未來的代碼,無法適應新版的瀏覽器。更好的做法是使用特性檢測,就像這樣: 複製代碼 代碼如下:if (navigator.userAgent.indexOf("MSIE 7") > -1){ //do something } 而更好的做法是這樣: 複製代碼
Time of Update: 2018-12-08
如果我們在用戶端頻繁使用ajax技術,那麼我們就不得不多次建立xmlhttp對象。當然,如您所知,我們可以改進建立的方式,比如使用全域變數來緩衝一個執行個體(用戶端的單例模式?!),對於同步方式的通訊,這是很有效,但是這樣的方式對於非同步通訊會出現問題,因為沒有了進程的堵塞,使用者可能在上一次通訊未完成時再次調用同一個xmlhttp執行個體,這樣不等前一個調用的回呼函數觸發,前一次調用就被“覆蓋”掉了(也就代表前一次調用失敗)。建立一個保持xmlhttp執行個體的池,好處顯而易見,最明顯的優點就
Time of Update: 2018-12-08
是我的設計思路 下面是具體的js代碼 1,首先定義幾個自訂函數 代碼 複製代碼 代碼如下://判斷是否為數組 function isArray(v) { return v && typeof v.length == 'number' && typeof v.splice == 'function'; } //建立元素 function createEle(tagName) { return document.createElement(tagName); } //
Time of Update: 2018-12-08
首先簡單的介紹關於屬性的一些方法: 屬性的枚舉: for/in迴圈是遍曆對象屬性的方法。如 複製代碼 代碼如下:var obj = { name : 'obj1', age : 20, height : '176cm' } var str = ''; for(var name in obj) { str += name + ':' + obj[name] + '\n'; } alert(str); 輸出為:name:obj1 age:20 height:176cm 檢查屬性是否存在:
Time of Update: 2018-12-08
css:複製代碼 代碼如下:<style type="text/css"> .rollBox { width: 704px; overflow: hidden; padding: 12px 0 5px 6px; } .rollBox .LeftBotton { height: 52px; width: 19px; background: url(jt.gif) no-repeat 11px 0; overflow: hidden; float: left; display:
Time of Update: 2018-12-08
使用樣本: 複製代碼 代碼如下:var qs = new QueryString(query); qs.set("ajaxids", ids) qs.set("ajaxsn", new Date()) query = qs.toStr(); 也可以連續調用: 複製代碼 代碼如下:query = new QueryString(query).set("ajaxids", ids).set("ajaxsn", new Date()).toStr(); 其它用法就自己看代碼琢磨吧。 完整代碼:
Time of Update: 2018-12-08
: 注意下面的代碼,最好儲存為utf-8格式的,要不容易出現亂碼。複製代碼 代碼如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript 金山詞霸線上網路翻譯 </title> </head> <body> <script
Time of Update: 2018-12-08
一、 插入option 1、DOM方法 var oSelectYear = document.getElementById("SelectYear"); var op = document.createElement("option"); op.innerHTML = "2010"; op.value = "2010"; oSelectYear.appendChild(op); 2、new Option方法 var oSelectMonth = document.getElementById("