Time of Update: 2017-01-19
由於html是從上至下載入的,通常我們如果在head部分引入javascript檔案,那麼我們都會在javascript的開頭添加window.onload事件,防止在文檔問載入完成時進行DOM操作所出現的錯誤。如果有多個javascript檔案,那麼極有可能出現多個window.onload事件,但是最後起作用的只有一個,這時候就需要使用事件綁定來解決這個問題了。IE方式attachEvent(事件名稱, 函數),綁定事件處理函數detachEvent(事件名稱,
Time of Update: 2017-01-19
工欲善其事,必先利其器。想要實現某一種效果,我們必須要先瞭解其中的原理。放大鏡的功能就是通過擷取滑鼠在小圖中的位置,然後根據大小圖的尺寸比例換算出大圖需要顯示的部分,然後使用定位讓大圖要顯示的部分出現在右邊的邊框內。然後看代碼,根據代碼看講解會更容易理解。html部分<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
Time of Update: 2017-01-19
原理介紹 抖動其實是往複運動的一種特殊形式,只不過往複運動是一種無摩擦力的無限運動,且以速度為參照依據;而抖動以位置作為參照依據,最終停在起始點 在網頁中最常見的一種抖動效果應該是視窗抖動提示了 抖動元素從起始點開始,先向右移動最大距離len,然後移動到對稱的左邊位置;然後再向右移動稍微小一點的距離,再移動到對稱的左邊位置;以此迴圈,最終元素停止在起始點代碼實現 抖動在代碼實現上,無非就是通過定時器,每隔一段時間讓left或top值進行變化 在運動實現中,有兩種距離變化的思路思路一di
Time of Update: 2017-01-19
複製代碼 代碼如下:<SCRIPT language=JScript type=text/javascript> var isOpera = navigator.userAgent.indexOf("Opera") > -1;
Time of Update: 2017-01-19
超級連結 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
JavaScript的函數式編程的對象本質: function a() { var x="sth"; return b(){ //do with x; } }
Time of Update: 2017-01-19
New Document title 111 222 333 444 555 666 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
ASP 裡面計算兩個時間的差距可以 DateDiff,但 javascript 裡面沒有,需要手寫函數。 js 裡面居然可以直接 Date1-Date2,而且還是轉換為毫秒計算時間差的。 複製代碼 代碼如下:// 計算兩個日期的間隔天數 function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2002-12-18格式
Time of Update: 2017-01-19
表格翻頁 共 6 頁 當前第 1 頁 第一頁 上一頁 下一頁 最後一頁 轉到第 1 2 3 4 5 6 頁 標題 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
同一頁面內的引用方法: 1、使用id: link1.href 2、使用name: document.all.link1.href 3、使用sourseIndex: document.all(4).href //注意,前面還有HTML、HEAD、TITLE和BODY,所以是4 4、使用連結集合:
Time of Update: 2017-01-19
用兩個div嵌套連結文字,最外面的div設定 overflow:hidden,並用js動態控制它的width,實現伸展與收縮。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Time of Update: 2017-01-19
function request(paras){ //擷取 url 的參數值,不區分大小寫,如無此參數,返回Null 字元串. var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {}
Time of Update: 2017-01-19
複製代碼 代碼如下:String.prototype.trim=function(){ var _argument = arguments[0] || " "; var _re= new RegExp("(^"+_argument+"*)|("+_argument+"*$)","g"); // 區分大小寫
Time of Update: 2017-01-19
<div> <a href="#">標題</a> <ul id="demo"> <li><a href=
Time of Update: 2017-01-19
by tingting <script language="JavaScript"> <!-- Begin var timerRunning = false; var timezone = "格林尼治標準時間"; var adjust = 0; function timeCheck(tzone, diff) { if&
Time of Update: 2017-01-19
這個功能主要是根據document.lastModified來擷取的,然後做簡單的處理即可。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]注意:lastMod.getYear()<200?(lastMod.getYear()+1900,這段代碼是為相容ff而寫的,如果不寫則2006年會顯示為106。顯示效果如下:最後更新:2006-6-28 16:43:25
Time of Update: 2017-01-19
本文執行個體為大家分享了製作javascript簡易畫板的方法,供大家參考,具體內容如下html:<body id="bodys"><span id="eraser">清除所有</span><span id="colorbtn">筆畫顏色</span><input type="range" name="ram" id="ram" min="1" max="20" step="1" value="10"/><label
Time of Update: 2017-01-19
js中三種彈窗1)alert 彈出警告 無傳回值---------alert('第一行\n第二行');2)confirm()選擇確定或取消,返回t或f----var result = confirm('是否刪除!');3)prompt()彈出輸入框,返回輸入內容----var value = prompt('輸入你的名字:',
Time of Update: 2017-01-19
前言一般而言,可以通過reduce方法實現的邏輯都可以通過forEach方法來變相的實現,雖然不清楚瀏覽器的js引擎是如何在C++層面實現這兩個方法,但是可以肯定的是reduce方法肯定也存在數組的遍曆,在具體實現細節上是否針對數組項的操作和儲存做了什麼最佳化,則不得而知。數組的reduce方法的應用reduce方法有兩個參數,第一個參數是一個callback,用於針對數組項的操作;第二個參數則是傳入的初始值,這個初始值用於單個數組項的操作。需要注意的是,reduce方法傳回值並不是數組,而是形
Time of Update: 2017-01-19
關於網頁中的動畫,在css3中我們已經可以使用一些屬性快速的做出來,但是有時候為了瀏覽器的相容性我們還是需要使用js來製作網頁中的動畫。使用js做動畫最重要的一個函數就是setInterval函數,這裡不再贅述,不懂可以直接百度用法。本文主要講動畫的原理已經在製作過程中的要點。老規矩,先上代碼,能直接看懂的可以節省時間。html部分:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-