Time of Update: 2017-01-18
一、我是一隻小白下半年浮躁多了,得好好靜心學習,告別小白。果斷買了幾本書:其中,最先看的是《javascript模式》——不少人認為很shi的一本書。……評價觀後感等500字省略……當我看到第二章要結束的時候,又一次看到了“JS中避免使用void”的觀點,於是,勾起了身為小白的我困擾已久的一個問題:“既然JS中void不推薦,那為何新浪微博,淘寶之流的首頁JS操作的href都是javascript:void(0);呢?”截圖為證!
Time of Update: 2017-01-18
為了方便例子講解,現有數組和json對象如下var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ccc: 'CSS3', ddd: 'Grunt', eee: 'jQuery', fff: 'angular'};for infor(var item in arr|obj){}
Time of Update: 2017-01-18
可以直接看樣本,用得太多了,很簡單(function() { for(var i=0, len=demoArr.length; i<len; i++) { if (i == 2) { // return; // 函數執行被終止 // break; // 迴圈被終止 continue; // 迴圈被跳過 }; console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
Time of Update: 2017-01-18
JavaScript 裡的 this 到底指得是什嗎?很多人都會告訴你 this 指的是當前對象。這樣理解對嗎?在大多數情況下確實沒錯。比如我們經常會在網頁上寫這樣的 JavaScript:<input type="submit" value="提交" onclick="this.value='正在提交資料'" />這裡的this顯然指的是當前對象,即這個提交按鈕。通常,我們使用this的情況都與此類似。但是有什麼情況不是這樣的呢?大家看看這個例子:var foo =
Time of Update: 2017-01-18
Window Location window.location 對象用於獲得當前頁面的地址 (URL),並把瀏覽器重新導向到新的頁面。 window.location 對象在編寫時可不使用 window 這個首碼。 一些例子: 一些執行個體: location.hostname 返回 web 主機的網域名稱 location.pathname 返回當前頁面的路徑和檔案名稱 location.port 返回 web 主機的連接埠 (80 或 443)
Time of Update: 2017-01-18
JavaScript 變數可以轉換為新變數或其他資料類型: 通過使用 JavaScript 函數 通過 JavaScript 自身自動轉換將數字轉換為字串全域方法 String() 可以將數字轉換為字串。該方法可用於任何類型的數字,字母,變數,運算式:執行個體String(x) // 將變數 x 轉換為字串並返回String(123) // 將數字 123 轉換為字串並返回String(100 + 23) // 將數字運算式轉換為字串並返回Number 方法 toString(
Time of Update: 2017-01-18
RegExp:是Regex(regular expression)的簡寫。什麼是 RegExp?Regex描述了字元的模式對象。當您檢索某個文本時,可以使用一種模式來描述要檢索的內容。RegExp 就是這種模式。簡單的模式可以是一個單獨的字元。更複雜的模式包括了更多的字元,並可用於解析、格式檢查、替換等等。您可以規定字串中的檢索位置,以及要檢索的字元類型,等等。文法var patt=new RegExp(pattern,modifiers);或var
Time of Update: 2017-01-18
Boolean(布爾)對象用於將非布爾值轉換為布爾值(true 或者 false)。檢查布爾值檢查布爾對象是 true 還是 false。原始碼樣本:<!DOCTYPE html><html><body><script>var b1=new Boolean(0);var b2=new Boolean(1);var b3=new Boolean("");var b4=new Boolean(null);var b5=new
Time of Update: 2017-01-18
首先來看一下從一個數組中選擇元素的方法slice():原始碼:<!DOCTYPE html><html><body><p id="demo">Click the button to extract the second and the third elements from the array.</p><button onclick="myFunction()">Try
Time of Update: 2017-01-18
A.概述1.輸出工具:document.write()---可以是htmlalert()---字串prompt(text,defaultText) text---可選。要在對話方塊中顯示的純文字(而不是 HTML 格式的文本)。 defaultText---可選。預設的輸入文本。2.js的放置a.可以再HTML的任何位置放置b.但他是一個整體,相互影響c.在超連結和重新導向的位置<a href="javascript:alert();"></a><form
Time of Update: 2017-01-18
數組對象的作用是:使用單獨的變數名來儲存一系列的值。建立數組, 為其賦值:執行個體var mycars = new Array();mycars[0] = "Saab";mycars[1] = "Volvo";mycars[2] = "BMW";什麼是數組?數組對象是使用單獨的變數名來儲存一系列的值。如果你有一組資料(例如:車名字),存在單獨變數如下所示:var car1="Saab";var car2="Volvo";var
Time of Update: 2017-01-18
在數組的開頭添加新元素 - unshift()原始碼:<!DOCTYPE html><html><body><p id="demo">Click the button to add elements to the array.</p><button onclick="myFunction()">Try it</button><script>function myFunction(){var
Time of Update: 2017-01-18
合并兩個數組 - concat()原始碼:<!DOCTYPE html><html><body><p id="demo">點擊按鈕合并數組。</p><button onclick="myFunction()">點我</button><script>function myFunction(){var hege = ["Cecilie", "Lone"];var
Time of Update: 2017-01-18
getFullYear()使用 getFullYear() 擷取年份。原始碼:</script><!DOCTYPE html><html><body><p id="demo">Click the button to display the full year of todays date.</p><button onclick="myFunction()">Try
Time of Update: 2017-01-18
JavaScript 中的所有事物都是對象:字串、數值、數組、函數...此外,JavaScript 允許自訂對象。所有事物都是對象JavaScript 提供多個內建對象,比如 String、Date、Array 等等。 對象只是帶有屬性和方法的特殊資料類型。 布爾型可以是一個對象 數字型可以是一個對象 字串也可以是一個對象 日期是一個對象 數學和Regex也是對象 數組是一個對象 甚至函數也可以是對象JavaScript
Time of Update: 2017-01-18
constructor 屬性執行個體返回通過 myvar 對象的原型建立的函數:var myvar = new Boolean(1);myvar.constructor;結果輸出:function Boolean() { [native code] }定義和用法constructor 屬性返回對建立此對象的 Boolean 函數的引用。prototype 構造器為 Boolean 對象建立一個新的方法:Boolean.prototype.myColor=function(){if
Time of Update: 2017-01-18
JavaScript Number 對象JavaScript 只有一種數字類型。可以使用也可以不使用小數點來書寫數字。JavaScript 數字JavaScript 數字可以使用也可以不使用小數點來書寫:執行個體var pi=3.14; // 使用小數點var x=34; // 不使用小數點極大或極小的數字可通過科學(指數)計數法來寫:執行個體var y=123e5; // 12300000var z=123e-5; // 0.00123所有 JavaScript 數字均為 64
Time of Update: 2017-01-18
JavaScript HTML DOM 元素(節點)建立新的 HTML 元素如需向 HTML DOM 添加新元素,您必須首先建立該元素(元素節點),然後向一個已存在的元素追加該元素。 執行個體<div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another
Time of Update: 2017-01-18
addEventListener() 方法執行個體點使用者點擊按鈕時觸發監聽事件:document.getElementById("myBtn").addEventListener("click", displayDate);addEventListener() 方法用於向指定元素添加事件控制代碼。addEventListener() 方法添加的事件控制代碼不會覆蓋已存在的事件控制代碼。你可以向一個元素添加多個事件控制代碼。你可以向同個元素添加多個同類型的事件控制代碼,如:兩個 "click"
Time of Update: 2017-01-18
通過 HTML DOM,可訪問 JavaScript HTML 文檔的所有元素。HTML DOM (文件物件模型)當網頁被載入時,瀏覽器會建立頁面的文件物件模型(Document Object Model)。HTML DOM 模型被構造為對象的樹:通過可程式化的物件模型,JavaScript 獲得了足夠的能力來建立動態 HTML。 JavaScript 能夠改變頁面中的所有 HTML 元素 JavaScript 能夠改變頁面中的所有 HTML 屬性 JavaScript