Time of Update: 2017-01-19
使用js開發的IE外掛程式可以在當前瀏覽的頁面中執行js代碼,在此基礎上實現任何使用者可以想到的功能。可以針對不用的網站做一些common處理(比如提取某類資訊),也可以針對特定網站做特色處理(比如搶購火車票)。實現這種外掛程式方法比較簡單,只需拷貝幾個檔案,修改一個註冊表值即可。所以比較適合快速實現一些瀏覽器或者網站協助工具功能。實現步驟:1.建立實現具體功能的html檔案複製代碼 代碼如下://檔案名稱:getticketslist.html//檔案內容:<script
Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現文字與圖片拖拽效果的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<html><head><title>JavaScript實現文字與圖片的拖拽效果</title><style
Time of Update: 2017-01-19
一、擷取元素的行內樣式複製代碼 代碼如下:var obj = document.getElementById("test");alert(obj.height + "\n" + obj.width);// 200px 200px typeof=string只是將style屬性中的值顯示出來二、擷取計算後的樣式複製代碼 代碼如下:var obj = document.getElementById("test");var style = null;if
Time of Update: 2017-01-19
說起js中的那些特性標記,總覺得有些怪怪的,那為什麼要說到這個attribute,起源於對一個問題的疑問,我們都知道window對象其實就是瀏覽器視窗的一個執行個體,既然是一個執行個體,那這個執行個體就應該有“屬性”和“方法“,比如下面這樣:我們平時都在使用function的時候,都會定義一些屬性,比如name,age等等,並且還可以對他們進行delete,set和update操作。那麼下面問題來了,既然我的person對象的name都可以動態修改,按照這個道理的話,我也應該可以修改wind
Time of Update: 2017-01-19
1、事件流 事件流描述的是從頁面中接收事件的順序。但是IE提出的是冒泡流,而Netscape Communicator提出的是捕獲流。JavaScript事件流2、事件冒泡(event bubbling) 事件開始由最具體的元素(嵌套層次最深的那個節點)接收,然後逐級向上傳播為較不為具體的節點(文檔)。如下:複製代碼 代碼如下:<html> <head>
Time of Update: 2017-01-19
對於instanceof和typeof,以前偶爾的用到過,特別是typeof用到的相對更多一些,今日研究ext源碼,很多地方都用到了instanceof,突然覺得他們兩個有些相似但也應該有他們區別,網上看了一些文章,對它們之間的關係有了一定的瞭解。instanceof和typeof都能用來判斷一個變數是否為空白或是什麼類型的變數。typeof用以擷取一個變數的類型,typeof一般只能返回如下幾個結果:number,boolean,string,function,object,undefined
Time of Update: 2017-01-19
javascript有兩種變數:局部變數和全域變數。當然,我們這篇文章是協助大家真正的區別這兩種變數。首先,局部變數是指只能在本變數聲明的函數內部調用。全域變數時整個代碼中都可以調用的變數。當然,單單從字面上理解肯定是不清楚的,下面我詳細的介紹下:大家都知道,變數是需要用var關鍵字聲明的。但是javascript中也可以隱式的使用變數,就是不用聲明,直接使用。而且,千萬注意,javascript把隱式聲明的變數總是當成全域變數來使用的。例如:複製代碼 代碼如下:function myName(
Time of Update: 2017-01-19
關鍵字function用來定義函數。複製代碼 代碼如下://函式宣告式定義:function funcname([arg1[,args[...,argn]]]){ statements }//函數運算式定義:var funcname = function ([arg1[,args[...,argn]]]){ statements
Time of Update: 2017-01-19
本文執行個體講述了javascript實現當前頁導航啟用的方法。分享給大家供大家參考。具體如下:html部分(引用的導航,不可用#代替連結,測試可以建立幾個靜態頁面)<ul id="nav"><li><a href="/">首頁</a></li><li><a href="/category/html-css/">HTML/CSS</a></li><li><a href="
Time of Update: 2017-01-19
*#type.js複製代碼 代碼如下:function Person(name, age) { this.name = name; this.age = age;}var d = {an: 'object'};var a = ['apple', 'banana'];var f = function() {};var s = 'David';var n = 33;var b = true;var o = new Object();var person = new Person(
Time of Update: 2017-01-19
這裡主要是應用了一個rainyday的js類庫,使用非常簡單方便,就不多廢話了,看示範代碼吧。複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;
Time of Update: 2017-01-19
結構和內容屬性nodeType所有的節點都有類型,節點總共有以下的12種類型。複製代碼 代碼如下:interface Node {// NodeTypeconst unsigned short ELEMENT_NODE = 1;const unsigned short
Time of Update: 2017-01-19
在Javascript中,如果我們有一個對象但是又不知道它的建構函式時,如何擷取它的原型對象呢?在Chrome中或是FireFox瀏覽器中,我們可以直接使用對象的__proto__屬性擷取它的原型對象。複製代碼 代碼如下:<!-- lang: js -->function F(){};var foo = new F();alert(foo.__proto__ == F.prototype);但是,__proto__屬性在IE瀏覽器中一直到IE11才被支援。那麼在不支援__proto_
Time of Update: 2017-01-19
數組 ECMAScript5中Array.isArray是原生的判斷數組的方法,IE9及以上支援。考慮到相容性,在沒有此方法的瀏覽器中,可以使用 Object.prototype.toString.call(obj) === '[object Array]'替代。複製代碼 代碼如下:var isArray = Array.isArray || function(obj) { return
Time of Update: 2017-01-19
本文執行個體講述了javascript實現點擊按鈕讓DIV層彈性移動的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-19
本文執行個體講述了javascript實現圖片迴圈漸顯播放的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<html><title>圖片的迴圈漸顯播放效果代碼</title><head><!--1、將下面的代碼插入到HEML的<head></head>之間: --><script language=javaScript><!--//sandra0 = new Image();
Time of Update: 2017-01-19
本文執行個體講述了javascript感應滑鼠圖片透明度顯示的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<html><title>感應滑鼠的圖片透明度顯示效果</title><head><script language="JavaScript1.2">function makevisible(cur,which){if (which==0)cur.filters.alpha.opacity=100elsecur.
Time of Update: 2017-01-19
本文執行個體講述了javascript文字框內輸入文字倒計數的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<html><head><title>文字框內輸入文字倒計數效果</title><SCRIPT LANGUAGE="JavaScript"><!-- BeginmaxLen = 100; //定義使用者可以輸入的最多字數function checkMaxInput(obj) {if (obj.value.
Time of Update: 2017-01-19
部落格園中很多博友的部落格中在Page右下角都有個表徵圖,不論螢幕怎麼展開,都始終停留在右下角。點擊後頁面置頂。後面想想寫一個Demo來實現這種效果吧。 一. 表徵圖右下角固定. 1.SS 裡面提供了4中布局方式. 其中fixed表示絕對位置元素。所以我們選擇使用fixed來實現表徵圖固定. absolute 產生絕對位置的元素,相對於 static 定位以外的第一個父元素進行定位。
Time of Update: 2017-01-19
本文執行個體講述了JavaScript擷取文字框內選中文本的方法。分享給大家供大家參考。具體分析如下:這裡的代碼可以用來擷取使用者通過滑鼠在文本輸入框或者textarea裡選擇的選本。 需要注意ie的問題。代碼如下:複製代碼 代碼如下:<script type="text/javascript">function getFieldSelection(select_field){ word=''; if