Time of Update: 2017-01-19
本文執行個體講述了javascript使用appendChild追加節點的方法。分享給大家供大家參考。具體分析如下:DOM樹節點的增加,執行個體代碼如下:複製代碼 代碼如下:<html><head><script type="text/javascript">function t(){ var nodep = document.createElement('p');//建立p節點 var art =
Time of Update: 2017-01-19
本文執行個體分析了Javascript閉包的概念及用法。分享給大家供大家參考。具體如下:提到閉包,想必大家都早有耳聞,下面說下我的簡單理解。說實話平時工作中實際手動寫閉包的情境並不多,但是項目中用到的第三方架構和組件或多或少用到了閉包。所以,瞭解閉包是非常必要的。呵呵...一、什麼是閉包簡而言之,就是能夠讀取其他函數內部變數的函數。由於JS變數範圍的特性,外部不能訪問內部變數,內部可以外部變數。二、使用情境1. 實現私人成員。2. 保護命名空間,避免汙染全域變數。3.
Time of Update: 2017-01-19
本文執行個體講述了javascript二維數組轉置的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<script language="javascript" type="text/javascript">var arr1 = [[30,-1,90],[70,100,-40],[39,29,6],[39,92,9]];var arr2 = [];//確定新數組有多少行for(var i=0;i<arr1[0].length;i++){ arr2[i]
Time of Update: 2017-01-19
首先我們來看個樣本:複製代碼 代碼如下:<form name="buyerForm" method="post" action="/mysport/control/user/list.do"><input type="checkbox" id="usernames" value="testtest" >testtest<br><input type="checkbox" name="usernames" value="testtest"
Time of Update: 2017-01-19
代碼複用有一個著名的原則,是GoF提出的:優先使用對象組合,而不是類繼承。在javascript中,並沒有類的概念,所以代碼的複用,也並不局限於類式繼承。javascript中建立對象的方法很多,有建構函式,可以使用new建立對象,並且可以動態修改對象。javascript的非類式繼承(可稱為現代繼承模式)複用方法也很多,例如,利用其它對象組合成所需要的對象,對象混入技術,借用和複用所需要的方法。類式繼承模式-預設模式兩個建構函式Parent和Child的例子:複製代碼
Time of Update: 2017-01-19
本文執行個體講述了javascript批量修改檔案編碼格式的方法。分享給大家供大家參考。具體如下:摘要:最近在製作手冊的時候遇到了一個問題'文檔亂碼',查看檔案之後發現檔案編碼不對,總共100多個檔案,如果用編輯器另存新檔utf8,那就悲催了。所以自己就寫了個程式,批量修改檔案編碼格式。代碼:複製代碼 代碼如下:/** * 修改檔案編碼格式,例如:GBK轉UTF8 * 支援多級目錄 * @param {String} [root_path]
Time of Update: 2017-01-19
javascript對象是一種複合值,它是屬性或已命名的值的集合,通過符號"."來引用屬性值,當屬性值是一個函數的時候,我們稱之為方法。我們看到字串也具有屬性和方法:複製代碼 代碼如下:var s="hello,world!";var word=s.substring(s.indexof("")+1,s.length);字串既然不是對象,為什麼它又有屬性呢,只要引用了字串s的屬性,javascript就會將字串值通過調用new
Time of Update: 2017-01-19
1. Math 對象1.1 介紹 Math 對象,是數學對象,提供對資料的數學計算,如:擷取絕對值、向上取整等。無建構函式,無法被初始化,只提供靜態屬性和方法。1.2 建構函式 無 :Math 對象無建構函式,無法被初始化,只提供靜態屬性和方法。1.3 靜態屬性1.3.1 Math.E :常量e。返回自然對數的底數:2.718281828459045 1.3.2 Math.PI :常量π。返回圓周率的值 :3.141592653589793 1.4 靜態方法1.4.1
Time of Update: 2017-01-19
本文執行個體講述了JavaScript常用的返回,自動跳轉,重新整理,關閉語句。分享給大家供大家參考。具體如下:1. Javascript 返回上一頁:複製代碼 代碼如下:history.go(-1)返回兩個頁面: 複製代碼 代碼如下:history.go(-2) 2. 後退:複製代碼 代碼如下:history.back()3. 返回下一頁:複製代碼 代碼如下:window.history.forward()4. 返回第幾頁,也可以使用訪問過的URL:複製代碼
Time of Update: 2017-01-19
看了javascript網頁特效執行個體大全中的圖片飄下的效果執行個體,覺得值得動手學習下。就把圖片改成雪花圖,完成一個雪花飄下的效果。並且,其中有些內容比較陳舊了,那麼就學者改掉吧。包括:1.對left和top的操作僅支援IE瀏覽器,這咋行,必須得支援chrome。2.控製圖片下落的過程還要去檢索element,不好吧,那就改成數組維持,直接運算元組中維持的對象,啟不更快。3.向文檔中添加元素直接改成通過JS代碼建立元素對象的方式。實現思路:1.初始化產生10個div,全都採用絕對位置,每個d
Time of Update: 2017-01-19
本文執行個體講述了javascript數組輸出的兩種方式。分享給大家供大家參考。具體如下:遍曆javascript數組,兩種方式:第一種:複製代碼 代碼如下:<script language="javascript" type="text/javascript">var str = "how are you today";var arr = str.split(" ");for(var key in
Time of Update: 2017-01-19
本文執行個體講述了javascript物件導向之共用成員屬性與方法及prototype關鍵字用法。分享給大家供大家參考。具體如下:共用成員屬性與方法,使用prototype關鍵詞複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Dog(){}Dog.prototype.shout=function(){ alert("hello,小狗");}Dog.prototype.name="
Time of Update: 2017-01-19
本文執行個體分析了javascript物件導向之定義成員方法。分享給大家供大家參考。具體如下:javascript物件導向,定義成員方法如下所示:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Person(name,age){ this.name = name; this.age = age; this.show = function(){
Time of Update: 2017-01-19
本文執行個體分析了javascript物件導向之this關鍵詞用法。分享給大家供大家參考。具體分析如下:當需要初始化某個屬性時,可以在原型對象內使用this關鍵詞。如下面執行個體:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Person(){ this.name = "王美人"; this.age = 25;};var p1 = new Person();var
Time of Update: 2017-01-19
這裡想實現的效果是:設定和移除文字框預設值,如下圖滑鼠放到文字框中的時候,灰字消失。1.可以用簡單的方式,就是給input文字框加上onfocus屬性,如下代碼:複製代碼 代碼如下:<input id="keyword" name="keyword" size="10" class="inputstyle keywords"
Time of Update: 2017-01-19
本文執行個體分析了javascript物件導向之訪問對象屬性的兩種方式。分享給大家供大家參考。具體如下:javascript物件導向的訪問對象屬性的兩種方式。如下代碼所示:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Person(){};var p1 = new Person();p1.name="王美人";document.writeln(p1.name+"<br />"
Time of Update: 2017-01-19
本文進一步分析講述了javascript物件導向之對象的深入理解。分享給大家供大家參考。具體分析如下:javacript物件導向程式設計中,可以理解為一切都是對象。執行個體代碼如下:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Cat(){}var cat1 = new Cat();//建立類執行個體cat1.name = "小狗";cat1.age =
Time of Update: 2017-01-19
本文深入淺出的講述了javascript物件導向快速入門執行個體。分享給大家供大家參考。具體如下:javascript物件導向入門案例:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Cat(){//js中對象的定義與函數一樣,不同點在於怎麼樣調用。}var cat1 = new
Time of Update: 2017-01-19
本文執行個體講述了javascript引用賦值(地址傳值)用法。分享給大家供大家參考。具體如下:javascript在預設情況下,數組、對象和函數是引用賦值,如下代碼所示:複製代碼 代碼如下:<html><head><script type="text/javascript">var a={age:20,height:175};var b = a;alert(b.age);b.age = 25;alert(a.age);</script></
Time of Update: 2017-01-19
本文執行個體分析了javascript定義變數時帶var與不帶var的區別。分享給大家供大家參考。具體分析如下:直接看執行個體裡說明:複製代碼 代碼如下:<script language="javascript" type="text/javascript">var abc=89;//帶var,表示全域變數function test(){ var