Time of Update: 2017-01-19
比如現在有一個操作 是 A->B->C->B 在B頁面的返回鍵 第一次返回的是C 如果想直接返回A或者其他地方 則需要觸發返回事件 pushHistory(); window.addEventListener("popstate", function(e) { //alert("我監聽到了瀏覽器的返回按鈕事件啦");//根據自己的需求實現自己的功能 window.location = 'http://www.baidu.com'; },
Time of Update: 2017-01-19
javascript 擷取event先從一個簡單的例子說起,一個簡單的button控制項如下:<input type='button' name='mybtn' id='mybtn' onclick='myFunc()'/>然後為其註冊事件,這樣的情況,怎麼在javascript裡擷取event呢,特別是firefox的情況。請看:<script type='text/javascript'>function myFunc(){ var ev =
Time of Update: 2017-01-19
一、效果展示普通的三個div滑鼠拖動選中效果選中所有的div這樣貌似看不出效果,沒關係,我們有神奇的gif動畫,來一個整體的動畫效果感受下。二、代碼實現整個代碼其實也不難,需要用到一個博主自己封裝的js檔案。AreaSelect.js考慮到代碼量有點大,並且知乎沒有程式碼摺疊功能功能,所以這裡就留一個檔案名稱。等博主抽時間將它開源到github上面去,當然,有需要的朋友也可以直接聯絡博主,博主免費提供!引入這個js後,還需要引用jquery和jquery UI相關檔案。<script
Time of Update: 2017-01-19
問題描述這段時間在做PM的需求的時候突然發現一個問題,產品上的圖片來自多個第三方,具體的尺寸無法確定,如果直接在樣式中寫死圖片的尺寸大小就會出現圖片展開的現象,十分影響產品的美觀,因此希望可以找到一個比較好的解決方案。自己先做了一個簡單的demo來展示問題。<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script
Time of Update: 2017-01-19
在使用javascript的時候,有時候對於經常使用的方法太熟悉而忽略了他們之間原理的細微差別。舉例如下:window.location.href,window.location.replace。這兩種方式都可以讓頁面跳轉到一個新的頁面,但是其中我就忽略了跳轉之後的細節,比如返回的原來的頁面。window.location.href中的href其實就是<a>標籤中的href,使用這個進行頁面跳轉後,可以使用瀏覽器的後退按鈕退回到原來的頁面,也可以使用history.go(-1)函數跳
Time of Update: 2017-01-19
html5的webAPI介面可以很輕鬆的使用短短的幾行代碼就實現點擊按鈕複製地區文本的功能,不需要依賴flash。代碼如下:/* 建立range對象 */const range = document.createRange();range.selectNode(element); // 設定range包含的節點對象 /* 視窗的selection對象,表示使用者選擇的文本 */const selection =
Time of Update: 2017-01-19
cookie概述 在上一節,曾經利用一個不變的架構來儲存購物欄資料,而商品顯示頁面是不斷變化的,儘管這樣能達到一個類比全域變數的功能,但並不嚴謹。例如在導航架構頁面內右擊,單擊捷徑功能表中的【重新整理】命令,則所有的JavaScript變數都會丟失。因此,要實現嚴格的跨頁面全域變數,這種方式是不行的,JavaScript中的另一個機制:cookie,則可以達到真正全域變數的要求。
Time of Update: 2017-01-19
小狗收藏貼 轉換 僅拼音 排序 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
From:http://www.nirvanastudio.org/javascript/improve-javascript-performance.html 作者:ShiningRay @ Nirvana Studio
Time of Update: 2017-01-19
簡介 你是否知道JavaScript其實也是一個函數式程式設計語言呢?本指南將教你如何利用JavaScript的函數式特性。 要求:你應當已經對JavaScript和DOM有了一個基本的瞭解。 寫這篇指南的目的是因為關於JavaScript編程的資料太多了但是極少的資料提到了JavaScript的函數式特性。在本指南中,我只會講解這些基本知識而不會深入其它的函數式語言或這是Lambda運算元。
Time of Update: 2017-01-19
加法賦值運算子 (+=)。將變數值與運算式值相加,並將和賦給該變數。 在寫JavaScrpt的時候經常會用到,說實話我以前不是很理解。看了很多的代碼感覺就是因為一個變數太長了用它來分幾行來寫罷了。但它和解決了我其他的問題。 在一些時候我們需要使用一系列的HTML代碼來作為變數,而HTML裡面有時時會包含一些引號。比如複製代碼
Time of Update: 2017-01-19
大家都知道 Javascript 的 typeof 可以擷取變數的類型, 但是 typeof 傳回值只有六種 "number," "string," "boolean," "object," "function," 和 "undefined."
Time of Update: 2017-01-19
前兩天在網上發現一個很好的網站,是用來做資料收藏的(http://wolf.360doc.com)。 這個網站提供了這麼一個功能,可以直接將你選中的文字收藏起來,當時覺得很神奇的。後來研究了一下,發現用JavaScript和註冊表指令碼就可以實現這樣的功能。 右鍵收藏頁面代碼如下(我的收藏頁面命名為rightClick.jsp):複製代碼 代碼如下:<html>
Time of Update: 2017-01-19
詳細參數可查詢MSDN http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <link
Time of Update: 2017-01-19
function Hashtable() { this._hash = new Object(); this.add = function(key,value){
Time of Update: 2017-01-19
當你在頁面上使用了iframe之後,一般來說會不希望iframe顯示難看的捲軸,以使iframe裡面的內容和首頁面的內容渾然一體。這時候你會設定 scrolling="no" 屬性。但是這樣一來如果iframe裡面的內容是變化的,高度會隨之內容的變化而變化的時候,你的iframe就會顯得太長導致底下一大片空白,或者正好相反,由於iframe的高度太小導致一部分內容會被擋住。這裡我提供一個相容IE/NS/Firefox的javascript指令碼實現動態調整iframe的高度。
Time of Update: 2017-01-19
懶載入的意義(為什麼要使用懶載入)對頁面載入速度影響最大的就是圖片,一張普通的圖片可以達到幾M的大小,而代碼也許就只有幾十KB。當頁面圖片很多時,頁面的載入速度緩慢,幾S鐘內頁面沒有載入完成,也許會失去很多的使用者。所以,對於圖片過多的頁面,為了加速頁面載入速度,所以很多時候我們需要將頁面內未出現在可視地區內的圖片先不做載入, 等到滾動到可視地區後再去載入。這樣子對於頁面載入效能上會有很大的提升,也提高了使用者體驗。原理將頁面中的img標籤src指向一張小圖片或者src為空白,然後定義data-
Time of Update: 2017-01-19
自動匹配技術:簡單的來說就是“根據使用者輸入的資訊來提示一些相似項供使用者選擇”。具有很廣泛的應用,比如我們最常用的百度,當輸入一些搜尋內容後會自動匹配很多相關資訊;再比如我們最常用的IME,都是使用這種技術,當然這些都比較難了。下面這個例子是比較簡單的我們常用郵箱的匹配。代碼如下:1.css代碼 #match_email { margin-left:48px; overflow:auto; display:none; width:200px; border:
Time of Update: 2017-01-19
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
Time of Update: 2017-01-19
大家都見過某網頁中的惡意廣告,你關閉了又出來了!為何,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=""