標籤:document.body.clientWidth //網頁可見地區寬度document.body.clientHeight //網頁可見地區高度document.body.offsetWidth //網頁可見地區包括邊線的寬度document.body.offsetHeight //網頁空間地區包括邊線的高度document.body.scrollWeight //網頁本文全文寬度document.body.scrollHeight
標籤:frameset和iframe parent與self和top的區別 <frameset>、<frame>、<iframe>這3個html元素的區別,可以參考這篇文章"frame,iframe,frameset之間的關係與區別"。標準的使用方式如下:<!--iframe
標籤:設計是一個很普遍的概念,一般是可以理解為為即將做的某件事先形成一個計劃或架構。 (牛津英語詞典)中,設計是一種將藝術,體系,硬體或者更多的東西編織到一塊的主線。軟體設計,特別是作為軟體設計的次類的API設計,也是一樣的。但是API設計常常很少關注軟體發展,因為為其他程式員寫代碼的重要性要次於應用UI設計和終端使用者體驗。但是API設計,作為我們自己寫的庫中提供的公用介面,能夠向調用我們代碼的開發人員表現出我們庫的一些特點和功能,所以API設計和UI設計一樣重要。事實上,兩者都是為
標籤:<!DOCTYPE html><html><head><title></title></head><body style="text-align:center;margin-top:150px;"><div class="tabs" id="tabs"><span style="color:red;"
標籤:JavaScript是一種基於ECMAScript規範的指令碼語言,並在其基礎上進行了自己的封裝。值得一說的是,ECMAScript不是一種程式設計語言,它僅僅是一種由歐洲電腦協會制定和發布的指令碼語言規範。除了JavaScript之外,ActionScript(Flash)、JScript(微軟)都是基於ECMAScript規範的。首先我們來瞭解一下JavaScript的組成:ECMAScript(核心):JavaScript的基礎DOM(文件物件模型):Document Object
標籤:一、使用索引下標來讀取數組的值 var box = new Array(‘李炎恢‘,28,‘教師‘,‘鹽城‘); alert(box[2]); //擷取第三個元素 box[2] = ‘學生‘; //修改第三個元素 box[4] = ‘電腦編程‘; //增加第五個元素 alert( box[4]) 二、使用 length 屬性擷取數組元素量 var box = new
標籤:一、length屬性: length 屬性工作表示函數希望接收的具名引數的個數。function box(name, age) { alert(name + age);}box("包包",20);alert(box.length); //2 即該函數中參數的個數 二、prototype屬性 prototype 下有兩個方法:apply()和
標籤:一、函數的概述: 1、函數是定義一次但卻可以調用或執行任意多次的一段 JS 代碼。 2、函數有時會有參數,即函數被調用時指定了值的局部變數。 3、函數常常使用這些參數來計算一個傳回值,這個值也成為函數調用運算式的值。(簡單的說就是完成一個特定功能的代碼塊)。 4、在 javaScript 中,Function(函數)類型實際上是對象。每個函數都是 Function 類型的執行個體,而且都與其他參考型別一樣具有屬性和方法。
標籤:一、函數的調用 1、通過其他的元素事件進行觸發<script type="text/javascript"> function box() { //沒有參數的函數 alert(‘只有函數被調用,我才會被之執行‘); }</script><body> <input type="button" value="點我" onclick="box()"/>
標籤:while語句是迴圈語句,有兩種格式 一、while語句的第一種格式: 是一種先判斷,後啟動並執行迴圈語句。也就是說,必須滿足條件了之後,方可運行迴圈體。 var box = 1; while (box <= 5) { //先判斷,再執行 alert(box); box++;
標籤:作用是將代碼的範圍設定到一個特定的對象中。var box = { //建立一個對象 ‘name‘ : ‘李炎恢‘, //索引值對 ‘age‘ : 28, ‘height‘ : 178 };var n = box.name; //從對象裡取值賦給變數var a = box.age;var h = box.height;可以將上面的三段賦值操作改寫成:with (box) {
標籤: 繼續之前的,改說到object類型的了:Object
標籤:用於在迴圈中精確地控制碼的執行。一、break語句: break 語句會立即退出迴圈,強制繼續執行迴圈體後面的語句。 for (var box = 1; box <= 10; box++) { if (box == 5) break; //如果 box 是 5,就退出迴圈 document.write(box); document.write(‘<br />‘)
標籤:是一種精準的迭代語句,可以用來枚舉對象的屬性和方法。var box = { //建立一個對象 ‘name‘ : ‘李炎恢‘, //索引值對,左邊是屬性名稱,右邊是值 ‘age‘ : 28, ‘height‘ : 178, run : function(){ alert("fadsf"); } }; for (var p in box) {
標籤:switch 語句是多重條件判斷,用於多個值相等的比較。 var box = 1; switch (box) { //用於判斷 box 相等的多個值 case 1 : alert(‘one‘); break; //break;用於防止語句的穿透 case 2 : alert(‘two‘);
標籤:ECMAScript 定義了 5 個算術運算子,加、減、乘、除、求模(取餘)。如果在算術運算的值不是數值,那麼後台會先使用 Number()轉型函數將其轉換為數值(隱式轉換)。一、加法 var box = 1 + 2; //等於 3 var box = 1 + NaN; //NaN,只要有一個 NaN 就為 NaN var box = Infinity + Infinity; //Infinity var box = -Infinity +
標籤:邏輯運算子通常用於布爾值的操作,一般和關係運算子配合使用,有三個邏輯運算子:邏輯與(AND)、邏輯或(OR)、邏輯非(NOT)。 一、邏輯與(AND) :&&var box = (5 > 4) && (4 > 3) //true,兩邊都為 true,返回 true
標籤:一、 位元運算符 在一般的應用中,我們基本上用不到位元運算符。雖然,它比較基於底層,效能和速度會非常好,而就是因為比較底層,使用的難度也很大,底層運算是轉換成二進位進行運算的。 位元運算符有七種,分別是:位非 NOT(~)、位與 AND(&)、位或 OR(|)、位異或 XOR(^)、左移(<<)、有符號右移(>>)、無符號右移(>>>)。var box = ~25; //-26var box = 25 & 3; //1var
標籤:每個Javascript開發人員都應當知道的那些事2015-06-07 前端大全(點擊上方藍字,可快速關注我們) Javascript是一種日益增長的語言,特別是現在ECMAScript規範按照每年的發布時間表發布。伴隨著這門語言的規模化和快速發展,掌握JS(不僅僅是jQuery)的重要性,變得更加重要。 這不是一篇自稱是 JS
css3 shadow實現的各種漂亮陰影製作效果,css3shadow<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>純CSS3實現的各種陰影製作效果</title><style>body{padding: 20px 0 0;font: 14px/1.5 Arial,