JavaScript

比如現在有一個操作 是 A->B->C->B 在B頁面的返回鍵 第一次返回的是C 如果想直接返回A或者其他地方 則需要觸發返回事件 pushHistory(); window.addEventListener("popstate", function(e) { //alert("我監聽到了瀏覽器的返回按鈕事件啦");//根據自己的需求實現自己的功能 window.location = 'http://www.baidu.com'; },

複製代碼 代碼如下: //檢測非IE瀏覽器外掛程式函數 function hasPlugin(name) { name = name.toLowerCase(); for (var i=0 ; i < navigator.plugins.length ; i++ ) { if (navigator.plugins[i].name.toLowerCase().indexOf(name) >-1) { return true; } } return false; }

一、變數的範圍 要理解閉包，首先必須理解Javascript特殊的變數範圍。 變數的範圍無非就是兩種：全域變數和局部變數。 Javascript語言的特殊之處，就在於函數內部可以直接讀取全域變數。 複製代碼 代碼如下: 　　var n=999; 　　function f1(){ 　　　　alert(n); 　　} 　　f1(); // 999 另一方面，在函數外部自然無法讀取函數內的局部變數。 複製代碼 代碼如下: 　　function f1(){ 　　　　var n=999; 　　}

1.匹配模式標記： g ------ 表示全域模式，而不是發現第一個匹配成功就立刻結束 i ------- 表示不區分大小寫入模式 m ----- 表示多行匹配，一行結束時向下一行繼續匹配 複製代碼 代碼如下: //匹配第一個bat 或cat,不區分大小寫 var pattern1 = /[bc]at/i var pattern2 = new RegExp("[bc]at","i"); //同上 使用RegEXp是字面量模式要轉換成字串 /\[bc\]at/ =======>

1.修飾符 . 任意一個字元 * 匹配*前面0個或多個字元 + 匹配+前面一個或多個字元 ? 匹配?前面0個或1個字元 ^ 以^後面的字元為前置 $ 以$前面的字元結尾 [] 匹配[]內的一個字元 () 分組，可以用\1 \2提取 [^] 匹配^後的以外的字元 {n} {n}前的字元有n個，n為正數 {n,} {n,}前的字元至少有n個，n為正數 {n,m} {n,m}前的字元有n~m個，n,m為正數 2.字元 \d 一個數字 \D 一個非數字 \w 一個字母或數字 \W 一個非字母和非數字 \

1.原型鏈 //很少單獨使用 複製代碼 代碼如下: View Code //定義 SuperClass類，有一個屬性property和一個方法getSuperValue function SuperClass() { this.property = true; } SuperClass.prototype.getSuperValue = function() { return this.property; }

一、效果展示普通的三個div滑鼠拖動選中效果選中所有的div這樣貌似看不出效果，沒關係，我們有神奇的gif動畫，來一個整體的動畫效果感受下。二、代碼實現整個代碼其實也不難，需要用到一個博主自己封裝的js檔案。AreaSelect.js考慮到代碼量有點大，並且知乎沒有程式碼摺疊功能功能，所以這裡就留一個檔案名稱。等博主抽時間將它開源到github上面去，當然，有需要的朋友也可以直接聯絡博主，博主免費提供！引入這個js後，還需要引用jquery和jquery UI相關檔案。<script

1.函數內部屬性 arguments arguments用來儲存函數的參數,arguments.callee指向擁有arguments對象的函數 複製代碼 代碼如下: //階乘 function factorial(num) { if (num <= 1) { return 1; } else { return num*arguments.callee(num-1); //用agreements.callee代替 } } var trueFactorial = factorial;

數組的建立 第一種： 複製代碼 代碼如下: var colors = new Array(); var colors = new Array(20);//建立包含20項的數組 var colors = new Array("Greg");//建立包含1項，即字串"Greg"的數組 var colors = new Array("red","blue","green"); //建立包含3項 第二種： 複製代碼 代碼如下: var colors = ["red","blue","green"];

1. 定義Property：屬性，所有的HTML元素都由HTMLElement類型表示，HTMLElement類型直接繼承自Element並添加了一些屬性，添加的這些屬性分別對應於每個HTML元素都有下面的這5個標準特性:

html5的webAPI介面可以很輕鬆的使用短短的幾行代碼就實現點擊按鈕複製地區文本的功能，不需要依賴flash。代碼如下：/* 建立range對象 */const range = document.createRange();range.selectNode(element); // 設定range包含的節點對象 /* 視窗的selection對象，表示使用者選擇的文本 */const selection =

小狗收藏貼 轉換 僅拼音 排序 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

From:http://www.nirvanastudio.org/javascript/improve-javascript-performance.html 作者：ShiningRay @ Nirvana Studio

簡介 你是否知道JavaScript其實也是一個函數式程式設計語言呢？本指南將教你如何利用JavaScript的函數式特性。  要求：你應當已經對JavaScript和DOM有了一個基本的瞭解。 寫這篇指南的目的是因為關於JavaScript編程的資料太多了但是極少的資料提到了JavaScript的函數式特性。在本指南中，我只會講解這些基本知識而不會深入其它的函數式語言或這是Lambda運算元。 

加法賦值運算子 (+=)。將變數值與運算式值相加，並將和賦給該變數。    在寫JavaScrpt的時候經常會用到，說實話我以前不是很理解。看了很多的代碼感覺就是因為一個變數太長了用它來分幾行來寫罷了。但它和解決了我其他的問題。    在一些時候我們需要使用一系列的HTML代碼來作為變數，而HTML裡面有時時會包含一些引號。比如複製代碼

懶載入的意義（為什麼要使用懶載入）對頁面載入速度影響最大的就是圖片，一張普通的圖片可以達到幾M的大小，而代碼也許就只有幾十KB。當頁面圖片很多時，頁面的載入速度緩慢，幾S鐘內頁面沒有載入完成，也許會失去很多的使用者。所以，對於圖片過多的頁面，為了加速頁面載入速度，所以很多時候我們需要將頁面內未出現在可視地區內的圖片先不做載入， 等到滾動到可視地區後再去載入。這樣子對於頁面載入效能上會有很大的提升，也提高了使用者體驗。原理將頁面中的img標籤src指向一張小圖片或者src為空白，然後定義data-

自動匹配技術：簡單的來說就是“根據使用者輸入的資訊來提示一些相似項供使用者選擇”。具有很廣泛的應用，比如我們最常用的百度，當輸入一些搜尋內容後會自動匹配很多相關資訊；再比如我們最常用的IME，都是使用這種技術，當然這些都比較難了。下面這個例子是比較簡單的我們常用郵箱的匹配。代碼如下：1.css代碼 #match_email { margin-left:48px; overflow:auto; display:none; width:200px; border:

DOM自身存在很多類型,在上一章中有介紹,比如Element類型:表示的是元素節點;再比如Text類型;表示的是文本節點;一 DOM類型類型名                       

Javascript 判斷兩個IP是否在同一網段以下指令碼不做IP格式的判斷，只判斷兩個IP是否在同一網段。例子，Javascript判斷兩個IP是否在同一網段。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> IP段資訊檢測_www.manongjc.com </TITLE> <script

大家都見過某網頁中的惡意廣告，你關閉了又出來了！為何，JS來告訴你HTML<body> <h3 class="whiteColor">無法關閉的彈框，打不死的小強!</h3> <div id="middleBox"> <a href="javascript:;" class="close_btn" id="closeBtn"><img src="images/close_icon.png" alt=""