Time of Update: 2017-01-19
記得給師哥師姐測試考試系統的時候,看到他們的考試頁面可以實現隱藏左邊的考生資訊部分,當時覺得好高大上,好人性化。現在學了javascript,我也能實現這個功能了,下面來顯擺一下。1.頁面設計:(1).html代碼:<title>js分欄</title> <style type="text/css"> .alignment{ text-align: center; } </style> </head> <script
Time of Update: 2017-01-19
1:Scope作用範圍複製代碼 代碼如下: (function() { var a = b = 5; })(); console.log(b);什麼會被列印在控制台上?回答上面的代碼會列印 5。這個問題的訣竅是,這裡有兩個變數聲明,但 a 使用關鍵字var聲明的。代表它是一個函數的局部變數。與此相反,b 變成了全域變數。這個問題的另一個訣竅是,它沒有使用strict 模式 (‘use strict';)。如果啟用了strict
Time of Update: 2017-01-19
數組亂序的意思是,把數組內的所有元素排列順序打亂。常用的辦法是給數組原生的sort方法傳入一個函數,此函數隨機返回1或-1,達到隨機排列數組元素的目的。複製代碼 代碼如下:arr.sort(function(a,b){ return Math.random()>.5 ? -1 : 1;});這種方法雖直觀,但效率並不高,經我測試,打亂10000個元素的數組,所用時間大概在35ms上下(firefox)本人一直具有打破沙鍋問到底的優良品質,於是搜尋到了一個高效的方法。原文見此
Time of Update: 2017-01-19
看下面的代碼:複製代碼 代碼如下:if (!("aa" in window)) { alert('oh my god'); var aa = 1; } alert("aa" in
Time of Update: 2017-01-19
javascript並沒有mouse對象,擷取滑鼠座標要靠強大的event對象。我們通過監聽document的mousemove,就可以即時獲得滑鼠位置。但是!!event中和滑鼠相關的屬性太多了,很讓人頭大!如下: event.layerX event.layerY event.clientX event.clientY event.pageX event.pageY
Time of Update: 2017-01-19
html字串是指'<div id=”a”>aklsdjfklsjdfl</div>'這樣的帶html特殊符號的字串,我們通常要對他進行處理再輸出以免輸出成了真正的html元素,也就是把<變成<這樣的html符號代碼。如果字串很長,裡面特殊符號很多,我們該怎麼簡單而高效的把他們全部轉碼呢?迴圈?Regex?都不用!且看:複製代碼 代碼如下:function bian(a){return new
Time of Update: 2017-01-19
處理集合裡的每一項是一個非常普通的操作,JavaScript提供了許多方法來迭代一個集合,從簡單的for和for each迴圈到 map(),filter() 和 array comprehensions(數組推導式)。在JavaScript 1.7中,迭代器和產生器在JavaScript核心文法中帶來了新的迭代機制,而且還提供了定製 for…in 和 for each
Time of Update: 2017-01-19
本文執行個體講述了javascript設定連續兩次點擊按鈕時間間隔的方法,分享給大家供大家參考。具體實現方法如下:很多時候我們在實際應用中,可能並不希望按鈕聯絡被不間斷的點擊,所以要限定一定的時間間隔才能夠再次點擊按鈕,下面就通過代碼執行個體介紹一下如何?此功能,代碼如下:複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author"
Time of Update: 2017-01-19
本文執行個體講述了原生javascript實現擷取指定元素下所有後代元素的方法,分享給大家供大家參考。具體實現方法如下:過去常用的迴圈遞迴的方式顯得非常的麻煩,下面就分享一個比較簡單的方式,使用原生的javascript方法即可實現此功能。代碼執行個體如下:複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http:
Time of Update: 2017-01-19
閱讀本文需要有其他語言的編程經驗。在 JavaScript 中數組是對象(而非線性分配的記憶體)。通過數組 literal 來建立數組:複製代碼 代碼如下:var empty = [];var numbers = [ 'zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];empty[1] //
Time of Update: 2017-01-19
閱讀本文需要有其他語言的編程經驗。JavaScript 中的簡單類型包括:1.數字2.字串3.布爾(true 和 false)4.null5.undefined此外的其他類型均是對象(我們不要被 typeof 操作符的傳回值所迷惑),例如:1.函數2.數組3.Regex4.對象(對象自然也是對象)對象基礎在 JavaScript 中,對象是屬性的集合(對象為關聯陣列),每個屬性包括:1.屬性名稱,必須為字串2.屬性值,可以為除了 undefined 之外的任何值通過對象 literal
Time of Update: 2017-01-19
閱讀本文需要有其他語言的編程經驗。開始學習之前大多數的程式設計語言都存在好的部分和差的部分。本文只講述 JavaScript 中好的部分,這是因為:1.僅僅學習好的部分能夠縮短學習時間2.編寫的代碼更加健壯3.編寫的代碼更加易讀4.編寫的代碼更加易於維護弱類型和強型別通常來說,越早的修複錯誤,為之付出的代價就越小。強型別語言的編譯器可以在編譯時間檢查某些錯誤。而 JavaScript
Time of Update: 2017-01-19
之前我對Javascript的原型鏈中, 原型繼承與標識符尋找有些迷惑,如, 如下的代碼:複製代碼 代碼如下:function Foo() {};var foo = new Foo();Foo.prototype.label = "laruence";alert(foo.label); //output: laruencealert(Foo.label);//output: undefined今天看到了如下這個圖:Javascript object layout另外, 在Javascript
Time of Update: 2017-01-19
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>防止重複表格單提交</title> <style> #refresh{ display: none; width:200px; height:20px; background-color: #ff0;
Time of Update: 2017-01-19
你知道Deferred和遞迴次數限制嗎?下面有個不錯的執行個體,大家可以看看 function runAsyncTTS(text,speecher,audiopath) { var def = jQuery.Deferred(); var args = {"SynthText": text, "VoiceSpeecher": speecher, "WordSpeed": "3", "UseCSSML": "0", "AudioPath": audiopath};
Time of Update: 2017-01-19
看了很多遍JavaScriptstrict 模式,其中有說“禁用With語句”,以前看到這都是騎馬觀花,一帶而過,因為平時就很少用到這個語句,禁不禁用對自己關係都不是很大。今天禁不住想知道為何“strict 模式”就容不下with語句呢?EcmaScript規範上說“with 語句用於設定代碼在特定對象中的範圍”,可以看出,With語句改變了範圍鏈。function Person(name,age,sex){this.name = name;this.age = age;this.sex =
Time of Update: 2017-01-19
window.clipboardData可以實現複製與粘貼的操作,它的getData 方法可以實現資料的讀取,setData方法可以實現資料的設定 <script language="javascript"> function readTxt() { alert(window.clipboardData.getData("text")); } function setTxt() { var t=document.getElementById("txt"); t.select();
Time of Update: 2017-01-19
本文執行個體講述了javascript實現複製與粘貼操作的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<script language="javascript"> function readTxt() { alert(window.clipboardData.getData("text")); } function setTxt() { var t=document.getElementById("txt"); t.select();
Time of Update: 2017-01-19
document.write 命令向頁面輸出文字本執行個體使用 JavaScript 的 document.write 命令向頁面輸出指定的文字,代碼如下:複製代碼 代碼如下:<script type="text/javascript">document.write("我是向頁面輸出的文字!");</script>將上面部分代碼,用文字編輯器儲存為 write.html(或 write.htm)。雙擊 write.html 運行它(實際是使用 IE 等瀏覽器開啟這個檔案)
Time of Update: 2017-01-19
最近在學習backbone,學習理解backbone就要先理解spa,理解spa就要先瞭解單頁面應用是如何做到頁面不重新整理改變url的。相較於不同頁面的跳轉,AJAX可以說大大提高了使用者的瀏覽體驗,不用看到頁面切換之間的白屏是件很愜意的事情。但是很多早先的AJAX應用是不支援瀏覽器的前進後退的,這導致了使用者不管在網站裡瀏覽到何處,一旦重新整理就會立刻回到起初的位置,並且使用者也無法通過瀏覽器的前進後退按鈕來實現瀏覽曆史的切換。對於第一個問題,解決還算容易,只要用cookie或者localS