Time of Update: 2017-01-19
常見的擷取元素的方法有3種,分別是通過元素ID、通過標籤名字和通過類名字來擷取。getElementByIdDOM提供了一個名為getElementById的方法,這個方法將返回一個與之對應id屬性的節點對象。使用的時候請注意區分大小寫。它是document對象特有的函數,只能通過其來調用該方法。其使用的方法如下:複製代碼 代碼如下:document.getElementById('demo')
Time of Update: 2017-01-19
getAttribute該方法用來擷取元素的屬性,調用方式如下所示:複製代碼
Time of Update: 2017-01-19
介紹本文介紹的四種代碼複用模式都是最佳實務,推薦大家在編程的過程中使用。模式1:原型繼承原型繼承是讓父物件作為子物件的原型,從而達到繼承的目的:複製代碼 代碼如下:function object(o) { function F() { } F.prototype = o; return new F();}// 要繼承的父物件var parent = {&
Time of Update: 2017-01-19
我本人是從事前端開發的技術人員,下拉框是我們應用的比較多的頁面元素,今天我結合實際工作中遇到的問題說一下關於下拉框註冊事件的一些例子,希望對大家有所協助。複製代碼 代碼如下: <select name="" id="sel"> <option value="111">1</option> <option value="222">2</option> <option
Time of Update: 2017-01-19
第一種方法:複製代碼 代碼如下:<html> <head>
Time of Update: 2017-01-19
Javascript應該是現在最流行的跨平台語言之一,一直在玩前端的一些有意思的東西,發現竟然沒有掌握好這門語言。有點捨本逐末,於是想趁著現在這有空的時候好好補充一點遺漏的東西。this的隱性綁定一開始這是我很迷惑的東西,剛開始看到的時候,不理解。而後,在相似的情況下,又能用類似的方法解決同樣的問題。便試著理清這其中的知識,方便於尋找。這是一個Javascript語言上設計的錯誤,但是似乎這個錯誤是不可避免的,函數是對象,數組是對象等等。引用《Javascript: The Good
Time of Update: 2017-01-19
解析URI是一個有意思的東西,之前沒有意識到,原來這東西也可以這麼複雜。URI在維基百科中對於URI的解釋是這樣子的:複製代碼 代碼如下: 在電腦術語中,統一資源識別項(Uniform Resource Identifier,或URI)是一個用於標識某一互連網資源名稱的字串。
Time of Update: 2017-01-19
代碼很簡單,實現的功能卻很實用,直接奉上代碼CSS:複製代碼 代碼如下:<meta charset="utf-8" /><title>Pull to Refresh</title><meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"
Time of Update: 2017-01-19
有一道js面試題,題目是這樣的:下列代碼的執行結果是什麼,為什嗎?複製代碼 代碼如下:var i, j, k;for (i=0, j=0; i<10, j<6; i++, j++) { k =
Time of Update: 2017-01-19
lengthlength 屬性可返回字串中的字元數目。length 是根據字串的UTF-16編碼來擷取長度的,Null 字元串長度為0。length 不可修改。charAt()charAt() 方法可返回指定位置的字元。注意,JavaScript 並沒有一種有別於字串類型的字元資料類型,所以返回的字元是長度為 1 的字串。stringObject.charAt(index)參數index是必需的。表示字串中某個位置的數字,即字元在字串中的下標。字串中第一個字元的下標是 0。如果參數 index
Time of Update: 2017-01-19
建立 Number 對象的文法:複製代碼 代碼如下:var myNum = new Number(value);var myNum = Number(value);當 Number() 和運算子 new 一起作為建構函式使用時,它返回一個新建立的 Number 對象。如果不用 new 運算子,把 Number() 作為一個函數來調用,它將把自己的參數轉換成一個原始的數值,並且返回這個值(如果轉換失敗,則返回 NaN)。MAX_VALUEMAX_VALUE 屬性是 JavaScript
Time of Update: 2017-01-19
簡介低級語言,比如C,有低級的記憶體管理基元,想malloc(),free()。另一方面,JavaScript的記憶體基元在變數(對象,字串等等)建立時分配,然後在他們不再被使用時“自動”釋放。後者被稱為記憶體回收。這個“自動”是混淆並給JavaScript(和其他進階語言)開發人員一個錯覺:他們可以不用考慮記憶體管理。記憶體生命週期不管什麼程式語言,記憶體生命週期基本一致:1.分配你所需要的記憶體2.使用它(讀、寫)3.當它不被使用時釋放
Time of Update: 2017-01-19
在javascritp中,不一定只有對象方法的上下文中才有this, 全域函數調用和其他的幾種不同的上下文中也有this指代。它可以是全域對象、當前對象或者任意對象,這完全取決於函數的調用方式。JavaScript 中函數的調用有以下幾種方式:作為對象方法調用,作為函數調用,作為建構函式調用,和使用 apply 或 call 調用。1.作為對象方法調用在 JavaScript 中,函數也是對象,因此函數可以作為一個對象的屬性,此時該函數被稱為該對象的方法,在使用這種調用方式時,this
Time of Update: 2017-01-19
1.slice();Array和String對象都有在Array中 slice(i,[j])i為開始截取的索引值,負數代表從末尾算起的索引值,-1為倒數第一個元素j為結束的索引值,預設時則擷取從i到末尾的所有元素參數返回:返回索引值從i到j的數組,原數組不改變在String中
Time of Update: 2017-01-19
具體代碼如下:複製代碼 代碼如下://定義函數function people(name,sex,age){ this.name = name; this.sex = sex; this.age = age;} //共用isStudent與sayName方法people.prototype = { isStudent:true, sayName:function(){ alert(this.name)
Time of Update: 2017-01-19
有時候我們在前端開發工作中為了擷取圖片的資訊,需要在圖片載入完成後才可以正確的擷取到圖片的大小尺寸,並且執行相應的回呼函數使圖片產生某種顯示效果。本文主要整理了幾種常見的javascipt判斷圖片載入完成時的方法,並通過代碼與實際應用相結合進行解釋與說明。onload方法通過向img標籤添加onload屬性,並填入相應的函數來執行後續的javascipt代碼。如下代碼例子中img元素預設是不顯示的,通過onload判斷載入完成後再將圖片顯示出來。複製代碼 代碼如下:<img class="
Time of Update: 2017-01-19
出框口很有用,需要快顯視窗。對於開發這樣的網站的程式員,他們有個棘手的問題,他們不知道這些快顯視窗是否被瀏覽器或各種瀏覽器外掛程式給屏蔽了,沒有彈出來。當然,瀏覽器會通知使用者,但這些很少會引起使用者的注意。下面是一個簡單的方法來測試你的快顯視窗是否被阻攔了。The JavaScript複製代碼 代碼如下:var windowName = 'userConsole'; var popUp = window.open('/popup-page.php', windowName, 'width=10
Time of Update: 2017-01-19
1.confirm訊息對話方塊文法:confirm(”str“);參數說明:str為對話方塊中要顯示的文本,作用:通常用於提醒使用者做出某些選擇,其傳回值為布爾類型,點擊確定傳回值為ture,點擊取消傳回值為false例如:複製代碼 代碼如下:<script type="text/javascript"> var mymessage=confirm("你喜歡JavaScript嗎?");
Time of Update: 2017-01-19
在我的開發工作中經常會遇到需要判斷一個函數是否是JavaScript原生函數的情況,有時候這是一個很必要的工作,你需要知道這個函數是瀏覽器自身提供的,還是由第三方封裝、偽裝成原生函數。當然,最好的方法是考察執行這個函數的toString方法的傳回值。The JavaScript完成這個任務的方法非常簡單:複製代碼 代碼如下:function isNative(fn) { return (/\{\s*\[native code\]\s*\}/).test('' +
Time of Update: 2017-01-19
這裡介紹的一個小技巧是如何用JavaScript擷取頁面上被選中的文字的方法。最關鍵的JavaScript API是:複製代碼 代碼如下:event.selection = window.getSelection();這裡的selection實際上是個對象,但如果我們使用 .toString()或強行轉化成字串,我們將得到被選中的文字。複製代碼 代碼如下:$(document).ready(function ()