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
js實現擷取指定精度的上傳檔案的大小,主要採用html和JavaScript,用瀏覽器運行下述代碼,按照操作:選擇檔案->獲得檔案大小的順序,即可。源碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>獲得檔案大小</title></head><body> <form
Time of Update: 2017-01-19
reduce 方法(升序)文法: array1.reduce(callbackfn[, initialValue]) 參數 定義 array1 必需。一個數組對象。 callbackfn
Time of Update: 2017-01-19
前言這次認認真真又重新看了相關內容,現把需要注意的地方總結如下:1、通過getDay()得到的星期數是從0開始,0表示星期天,之後從1~6依次表示星期一到星期六;2、得到日期需使用getDate()而不是getDay() ,因為可能習慣性地認為日期就是天數,可能會使用getDay() ,但其實getDay()是用於得到星期數的;3、通過getMonth()得到月份,從0開始計數,所以需要再加1。執行個體代碼如下:<html><head>
Time of Update: 2017-01-19
最近做微信開發,對微信公眾號的開發,現在好的都是分享到朋友圈,QQ,分享給好友等分享功能,這裡記錄下,有需要的朋友也可以看下。// 微信分享 var wx = require('wechat-sdk'); rewardsResultService.getWechatInfo().then(function(data) { var conf = data;
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-