Time of Update: 2017-01-19
如果你不是很瞭解Event事件,建議先這篇文章《理解javascript中DOM事件》。首先,我們需要執行個體一個Worker的對象,瀏覽器會根據新建立的worker對象新開一個介面,此介面會處理用戶端與indexedDB資料庫之間的通訊。這裡的資料庫是指瀏覽器資料庫。如果,你需要判斷瀏覽器是否支援worker對象,詳見如下代碼。或者瀏覽器是否支援indexedDB資料庫,詳見同下,二者判斷最好選擇前者。因為IE不支援indexedDB 。if(window.Worker){
Time of Update: 2017-01-19
本文執行個體分析了javascript與jquery中的this關鍵字用法。分享給大家供大家參考,具體如下:this 表示當前的對象,這個當前對象可以是表單,<p>等任何元素1.javascript中this的用法:JS部分:<script type="text/javascript"> function chimg(obj){ obj.src="./images/2.jpg"; }</script>HTML部分:複製代碼 代碼如下:<img src=
Time of Update: 2017-01-19
相關閱讀:談談我對JavaScript原型和閉包系列理解(隨手筆記6) 談談我對JavaScript原型和閉包系列理解(隨手筆記8)範圍引用《JavaScript語言精粹和編程實踐》上對範圍的定義:變數範圍又叫變數的可見度。變數範圍完成對資訊的隱蔽,也就是處理“割據”問題。js中是沒有塊級範圍的(ES6中有一個let,可以在{},if,for裡面聲明,同時範圍限定在塊級。let聲明的變數不存在變數提升!這裡不談論這個,因為我也是偶然看到。)。我們在編寫代碼的時候,不要在“
Time of Update: 2017-01-19
在上篇文章給大家介紹了《談談我對JavaScript原型和閉包系列理解(隨手筆記6)》, 談談我對JavaScript原型和閉包系列理解(隨手筆記9) 可以點擊瞭解詳情。執行內容棧執行全域代碼時,會產生一個執行內容環境,每次調用函數都又會產生執行內容環境。當函數調用完成時,這個上下文環境以及其中的資料都會被消除,再重新回到全域上下文環境。處於活動狀態的執行內容環境只有一個。壓棧出棧過程----執行內容棧:var a = 10, //
Time of Update: 2017-01-19
本文中,收集了一些比較常用的Javascript函數,希望對學習JS的朋友們有所協助。1. 字串長度截取function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/, strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1);
Time of Update: 2017-01-19
分享一個用於數組或者對象的排序的函數。該函數可以以任意深度的數組或者對象的值作為排序基數對數組或的元素進行排序。代碼如下: /** * 排序數組或者對象 * by Jinko * date -- * @param object 數組或對象 * @param subkey 需要排序的子鍵, 該參數可以是字串, 也可以是一個數組 * @param desc 排序方式, true:降序, false|undefined:升序 * @returns {*} 返回排序後的數組或者對象 *
Time of Update: 2017-01-19
函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。JavaScript 函數文法函數就是包裹在花括弧中的代碼塊,前面使用了關鍵詞 function:function functionname(){這裡是要執行的代碼}當調用該函數時,會執行函數內的代碼。可以在某事件發生時直接調用函數(比如當使用者點擊按鈕時),並且可由 JavaScript 在任何位置進行調用。提示:JavaScript 對大小寫敏感。關鍵詞 function 必須是小寫,並且必須以與函數名稱相同的大小寫來調用函數。1.
Time of Update: 2017-01-19
在淘寶等購物網站,我們都會看到一個傳送簡訊倒計時的按鈕,究竟是如何?的呢?下面我就給大家提供一段代碼很實用的。廢話不多說了,直接給大家貼js代碼了。 /* 120秒手機簡訊按鈕倒計時 */ exports.sendmessage = function (name) { var second = 120; $(name).attr("disabled", true); var color = $(name).css('background-color');
Time of Update: 2017-01-19
大家對斷行符號鍵的功能應該比較熟悉,比如在windows系統的很多應用程式中,只要點擊斷行符號鍵就可以進入此程式或者開啟某項功能,不過有時候我們希望阻止它的功能,例如在填寫表單的時候,可能不小心點擊斷行符號鍵造成表單誤提交,下面就來簡單介紹一下如何?此功能。代碼執行個體如下:如何防止斷行符號(enter)鍵提交表單,其實很簡單,就一句話。onkeydown="if(event.keyCode==13)return false;"把這句寫在from標籤裡面就好了。<!DOCTYPE
Time of Update: 2017-01-19
本文整理總結了JavaScript的小技巧。分享給大家供大家參考,具體如下:1.組織預設事件阻止預設事件,h5預設的input type='date'在某些瀏覽器和android裝置上沒有效果,這時要調用h5+的時間選取器,但是要組織input預設的click事件,代碼如下://選擇時間$("#end_time").on("click",function(event){ event.preventDefault(); plus.nativeUI.pickDate( function(e){
Time of Update: 2017-01-19
方法一:// 禁用右鍵菜單、複製、選擇$(document).bind("contextmenu copy selectstart", function() { return false;});方法二:// 禁用Ctrl+C和Ctrl+V(所有瀏覽器均支援)$(document).keydown(function(e) { if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { return false; }});方法三://
Time of Update: 2017-01-19
現在很多時候大家付款的情境都是在手機上面,而隨著H5頁面的開發變得越來越方便,很多情境也從用戶端搬到了瀏覽器中,其中支付這個情境就很自然的被放在了瀏覽器中。那麼這樣的輸入框大家一定不會陌生吧:那麼今天我就用JavaScript代碼來實現這個效果吧,那麼首先介紹一下整個的思路,首先我們先將確定輸入密碼的位元,我的需求是5位,那麼就用一個div標籤包住5個input標籤。並且給這個5個input設定display: inline-block 屬性,同時用<!-
Time of Update: 2017-01-19
JavaScript的資料類型分為六種,分別為null,undefined,boolean,string,number,object。object是參考型別,其它的五種是基本類型或者是原始類型。我們可以用typeof方法列印來某個是屬於哪個類型的。不同類型的變數比較要先轉類型,叫做類型轉換,類型轉換也叫隱式轉換。隱式轉換通常發生在運算子加減乘除,等於,還有小於,大於等。。typeof '11' //string typeof(11) //number'11' < 4
Time of Update: 2017-01-19
本文執行個體講解了原生JavaScript實現瀑布流布局詳細代碼,分享給大家供大家參考,具體內容如下效果圖:具體代碼:window.onload=function(){ waterfall('main','pin'); var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]}; window.onscroll=function(){
Time of Update: 2017-01-19
延時載入js代碼提高速度,具體內容如下所示:如果網頁中存在大量的javascript代碼會極大的影響網頁的訪問速度,下面就簡單介紹一下如何處理此問題。一.延時載入js檔案:可以使用定時器函數setTimeout()讓外部的js檔案消極式載入,例如:<script type="text/javascript" src="" id="my"></script> <script type="text/javascript"> var
Time of Update: 2017-01-19
建構函式就是初始化一個執行個體對象,對象的prototype屬性是繼承一個執行個體對象。 建構函式注意事項:1.預設函數首字母大寫2.建構函式並沒有顯示返回任何東西。new 操作符會自動建立給定的類型並返回他們,當調用建構函式時,new會自動建立this對象,且類型就是建構函式類型。3.也可以在建構函式中顯示調用return.如果返回的值是一個對象,它會代替新建立的對象執行個體返回。如果返回的值是一個原始類型,它會被忽略,新建立的執行個體會被返回。
Time of Update: 2017-01-19
在web開發中,不可避免遇到要計算元素大小以及位置的問題,解決這類問題的方法是利用DOM提供的一些API結合相容性處理來,所有內容大概分3篇左右的文章的來說明。本文作為第一篇,介紹DOM提供的與尺寸大小相關的DOM屬性,提供一些相容性處理的方法,並結合常見的情境說明如何正確運用這些屬性。1.
Time of Update: 2017-01-19
先看一張圖,梳理梳理。一、基本概念 【原型鏈】每個建構函式都有一個對象,原型對象都包含一個指向建構函式的指標,而執行個體都包含一個指向原型對象的內部指標。那麼,如果原型對象等於另一個原型的執行個體,此時的原型對象將包含一個指向另一個原型的指標,相應地,另一個原型中也包含著一個指向另一個建構函式的指標。如果另一個原型又是另一個原型的執行個體,那麼上述關係依然成立。如此層層遞進,就構成了執行個體與原型的鏈條。【原型對象】這個對象包含可以由特定類型的所有執行個體共用的屬性和方法。所有參考型別預設都繼
Time of Update: 2017-01-19
本文執行個體為大家介紹了javascript實現繼承的6種方式,分享給大家供大家參考,具體內容如下1、【原型鏈繼承】實現的本質是重寫原型對象,代之以一個新類型的執行個體。實際上不是SubType的原型的constructor屬性被重寫了,而是SubType的原型指向了另一個對象——SuperType的原型,而這個原型對象的construtor屬性指向的是SuperTypefunction SuperType(){ this.property =
Time of Update: 2017-01-19
本文為大家分享了javascript建立對象的9種方式,供大家參考,具體內容如下【1】使用Object建構函式[缺點]使用同一個介面建立很多個物件,會產生大量重複代碼var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"; person.sayName = function(){