Time of Update: 2017-01-19
Onunload,onbeforeunload都是在重新整理或關閉時調用,可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。區別在於onbeforeunload在onunload之前執行,它還可以阻止onunload的執行。 Onbeforeunload也是在頁面重新整理或關閉時調用,Onbeforeunload是正要去伺服器讀取新的頁面時調用,此時還沒開始讀取;而onunload則已經從伺服器上讀到了需要載入的新的頁面,
Time of Update: 2017-01-19
本文執行個體講述了jQuery中:selected選取器用法。分享給大家供大家參考。具體分析如下:此選取器能夠匹配被選擇的<option>元素。文法結構:複製代碼 代碼如下:$(":selected")此選取器可以和其他選取器配合使用,比如類別選取器、元素選取器等等。例如:複製代碼 代碼如下:$(".myselect :selected").css("color","red")以上代碼能夠將類名為myselect的元素下被選擇的<option>元素中的文本顏色設定為紅色。
Time of Update: 2017-01-19
修改或者擴充jQuery的方法代碼執行個體:毫無疑問,jQuery是一款功能強大且使用方便的類庫。從它的廣泛應用可以證實上面的觀點,但是正所謂人無完人,金無足赤,jQuery也是如此,並非在任何時候或者場合都能夠完美的完成我們的任務,所以有事以後就需要對jQuery原有的方法進行擴充修改,但是最好方法仍然具有原來的功能。代碼執行個體:複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset="
Time of Update: 2017-01-19
本文執行個體講述了jQuery中insertAfter()方法用法。分享給大家供大家參考。具體分析如下:此方法把匹配的元素插入到另一個指定的元素集合的後面。insertAfter()方法與insertBefore()方法的作用相反。文法結構: 複製代碼 代碼如下:$(selector).insertAfter(content)參數列表: 參數 描述 selector 定義要被插入的內容。
Time of Update: 2017-01-19
比如一個網頁的聊天室,捲軸會隨著內容的增加自動往下滾動。 當使用者滑鼠在捲軸上按下的時候,我們可以假設他(她)正在瀏覽聊天內容,那麼這個時候好的使用者體驗就不能讓捲軸再自動滾動了。 為了實現這個功能,可能大家首先會想到的就是mouse down 和 mouse up事件了。 可是具體實現的時候我們會發現在捲軸上按下滑鼠左鍵再鬆開的時候,捕獲不到mouse up了。如下面例子 複製代碼 代碼如下: <html> <head> <title></title&
Time of Update: 2017-01-19
1. 壓縮公用程式 用於在線壓縮你的JS代碼,它有一個選項“Include latest jquery.min.js”,這對於提升速度非常有用。 推薦理由:縮小代碼 = 更小的檔案大小 = 更快的網頁載入速度 2. 美化工具
Time of Update: 2017-01-19
本文執行個體講述了jQuery中next()方法用法。分享給大家供大家參考。具體分析如下:此方法獲得匹配元素集合中每個元素緊鄰的同輩元素。也可以使用可選的運算式對同輩元素集合進行篩選。文法結構:複製代碼 代碼如下:$(selector).next(expr)參數列表: 參數 描述 expr 可選。用於篩選的運算式 執行個體代碼:執行個體一:複製代碼 代碼如下:<!DOCTYPE HTML><html&
Time of Update: 2017-01-19
最近做百度地圖的類比資料,需要擷取某條公交線路沿途網站的座標資訊,貌似百度沒有現成的API,因此做了一個類比頁面,工具而已,IE6/7/8不支援 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>擷取公交網站座標</title> <style type="text/css"> html,body{ height: 10
Time of Update: 2017-01-19
本文執行個體講述了jQuery中position()方法用法。分享給大家供大家參考。具體分析如下:此方法擷取匹配元素相對某些元素的位移量。返回的對象包含兩個整型屬性(top和left)的對象。此方法只對可見元素有效。文法結構: 複製代碼
Time of Update: 2017-01-19
本文執行個體講述了jQuery中[attribute]選取器用法。分享給大家供大家參考。具體分析如下:此選取器能夠匹配帶有給定屬性的元素。文法結構:複製代碼 代碼如下:$("[attribute]")參數列表: 參數 描述 attribute 要尋找的屬性名稱。 執行個體代碼:複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset=
Time of Update: 2017-01-19
本文執行個體講述了jquery搜尋方塊效果實現方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<html><head><title>jquery:搜尋方塊效果</title><script type="text/javascript" src="jquery-1.8.2.min.js"></script><script
Time of Update: 2017-01-19
比如前兩天我需要使用hmac和sha1來做簽名,就沒有找到一個比較好用的模組,這時候就需要我們自己來實現相應的功能了。自己寫完之後,再把它打包成一個模組分享給大家來用,即方便了其他人,又能讓自己有點小小的成就感,實在是一件一舉多得的好事情。接下來,我就為大家介紹一下如何封裝一個NodeJS模組並把它分享給其他人。 NPM (Node Package Manager, http://npmjs.org ) 是 NodeJS 的模組管理軟體,除 NodeJS
Time of Update: 2017-01-19
第一個代碼:複製代碼 代碼如下: function Checkreg() { //驗證電話號碼手機號碼,包含153,159號段 if (document.form.phone.value=="" && document.form.UserMobile.value==""){ alert("電話號碼和手機號碼至少選填一個阿!"); document.form.phone.focus(); return false; } if (document.form.phone.value != ""){
Time of Update: 2017-01-19
在B/S結構用戶端越來越“胖”的今天,作為一名全端程式員,您很可能會在前端操作html字串,注意,是操作html字串,不是操作當前頁面的html。 舉個例子,百度推出的線上HTML富文字編輯器Ueditor,可以線上製作富文字文件,功能堪比精簡版的Microsoft Word。雖然Ueditor身披百度的光環,但實際效果不太讓人滿意,我們需要二次處理一下它產生的html字串,比如把所有圖片的寬度設成9
Time of Update: 2017-01-19
本文執行個體講述了jQuery中DOM樹操作之複製元素的方法。分享給大家供大家參考。具體分析如下:複製元素前面提到的操作包括:插人新建立的元素、將元素從文檔中的一個位置移動
Time of Update: 2017-01-19
本文執行個體講述了基於jQuery實現最基本的淡入淡出效果的方法。分享給大家供大家參考。具體分析如下:jQuery是一個JavaScript
Time of Update: 2017-01-19
基於令牌的處理就是一勞永逸的方法。 複製代碼 代碼如下: <script Language='JavaScript'> function formsubmit() { Today = new Date(); var NowHour = Today.getHours(); var NowMinute = Today.getMinutes(); var NowSecond = Today.getSeconds(); var mysec =
Time of Update: 2017-01-19
在眾多的瀏覽器產品中,IE、Firefox、Opera、Safari........眾多品牌卻標準不一,因此時常需要根據不同的瀏覽器,甚至相同瀏覽器不同版本做不同的操作,因此,知曉瀏覽器的判斷方法,還是很重要的。下面列舉一下常用的判斷方法 1、判斷瀏覽器是否為IE document.all ? 'IE' : 'others':在IE下document.all值為1,而其他瀏覽器下的值為0; navigator.userAgent.indexOf("MSIE")>0 ? 'IE' :
Time of Update: 2017-01-19
使用jQuery選擇出來的元素與數組非常類似,可以通過jQuery提供的一系列方法對其進行處理,包括長度、尋找某個元素,截取某個段落等。1.擷取元素的個數。在jQuery中可以通過size()方法擷取選取器中元素的個數,它類似數組中的length屬性,返回整數值,例如:$("img").size()擷取頁面中,所有圖片<img>的數目如下是一個執行個體,通過不斷的點擊添加div塊並計算頁面中的<div>塊。複製代碼
Time of Update: 2017-01-19
本文執行個體講述了jQuery中delegate()方法用法。分享給大家供大家參考。具體分析如下:此方法為匹配元素的子項目添加一個或多個事件,並規定當這些事件發生時啟動並執行函數。文法結構:複製代碼 代碼如下:$(selector).delegate(childofselector,type,data,function)參數列表: 參數 描述 childofselector 定義要附加事件處理常式的一個或多個子項目。