Time of Update: 2018-12-08
前言在JavaScript中,範圍、上下文、閉包、函數等算是精華中的精華了。對於初級JSer來說,是進階必備。對於前端攻城師來說,只有靜下心來,理解了這些精華,才能寫出優雅的代碼。本文旨在總結容易忘記的重要知識,不會講基本的概念。如果對基本知識不太熟悉,就去翻下《 JavaScript權威指南》吧~語言特性函數運算式先看程式碼片段:複製代碼 代碼如下:[javascript] view plaincopyprint?var f = function foo(){ return
Time of Update: 2018-12-08
在這篇文章中作者從《JavaScript物件導向編程指南》一書中關於 delete 的錯誤講起,詳細講述了關於 delete 操作的實現, 局限以及在不同瀏覽器和外掛程式(這裡指 firebug)中的表現。下面翻譯其中的主要部分。...書中聲稱“函數就像一個普通的變數那樣——可以拷貝到不同變數,甚至被刪除”並附上了下面的程式碼片段作為說明:複製代碼 代碼如下:>>> var sum = function(a, b) {return a+b;};>>> var
Time of Update: 2018-12-08
JavaScript 中的 typeof 其實非常複雜,它可以用來做很多事情,但同時也有很多怪異的表現。 本文列舉出了它的多個用法,而且還指出了存在的問題以及解決辦法。閱讀本文的前提是,你現在應該已經知道原始值和對象值的區別了。檢查一個變數是否存在,是否有值typeof在兩種情況下會返回 "undefined":1.變數沒有被聲明2.變數的值是 undefined例如:複製代碼 代碼如下:> typeof undeclaredVariable === "undefined"true>
Time of Update: 2018-12-08
1.類型分析: js中的資料類型有undefined,boolean,number,string,object等5種,前4種為原始類型,第5種為參考型別。 代碼 複製代碼 代碼如下:var a1; var a2 = true; var a3 = 1; var a4 = "Hello"; var a5 = new Object(); var a6 = null; var a7 = NaN; var a8 = undefined; alert(typeof a); //顯示"undefined"
Time of Update: 2018-12-08
通常的數組在填充時會隱式或者顯示指定數組下標,但JS中數組可以以名字的形式為元素賦值,這就形成了關聯陣列,如: 複製代碼 代碼如下:var arr=new Array();arr["china"]="beijing,niaoling,hulan";arr["usa"]="newyork,washington,atlanta";arr["japan"]="tokyo";alert(arr["china"]);alert(arr["japan"]);alert(arr[0]);
Time of Update: 2018-12-08
1.null 與 undefined * 從一個對象中擷取某個屬性,如果該對象及其 prototype 鏈 中的對象都沒有該屬性的時候,該屬性的值為 undefined 。 * 一個 function 如果沒有顯式的通過 return 來傳回值給其調用者的話,其傳回值就是 undefined 。有一個特例就是在使用new的時候。 * JavaScript 中的 function 可以聲明任意個形式參數,當該 function
Time of Update: 2018-12-08
positon:fixed 讓HTML元素脫離文檔流固定在瀏覽器的某個位置 網頁中經常會有浮動的導航條會用到這種定位元模式,但是ie6下並不相容這種定位 浮動導航條的樣式,重要的是position:fixed;bottom:60px;(浮動導航底部距離視窗底部60px) 複製代碼 代碼如下:.floating_9677{position:fixed; z-index:961; bottom:60px;}
Time of Update: 2018-12-08
1、Window.onerror事件onerror事件用來協助處理頁面中的JavaScript錯誤。當頁面上出現異常時,error事件便在window對象上觸發。例如:
Time of Update: 2018-12-08
1.同網域名稱下Iframe自適應高度的處理 複製代碼 代碼如下:<iframe onload="Javascript:SetIFrameHeight(this)" src="../Home/b" id="win" name="win" width="100%" height="1"> </iframe> 當然此處我用的是Asp.Net MVC 此處src設定為路由結構 複製代碼 代碼如下:<script type="text/javascript">
Time of Update: 2018-12-08
複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"
Time of Update: 2018-12-08
javascript時間函數 javascript提供了Date對象來進行時間和日期的計算。Date對象有多種建構函式:new Date() //目前時間new Date(milliseconds) //距離起始時間1970年1月1日的毫秒數new Date(datestring) //字串代表的日期與時間。此字串可以使用Date.parse()轉換,比如"Jannuary 1, 1998 20:13:15"new Date(year, month, day, hours, minutes,
Time of Update: 2018-12-08
複製代碼 代碼如下:<HTML><HEAD><TITLE>javascript列印-列印版面設定-預覽列印代碼</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312" /> <SCRIPT language=javascript> function printsetup(){ // 列印版面設定 wb.execwb(8,1
Time of Update: 2018-12-08
昨天參加的一個前端面試,其中有一題數組去重,首先想到的是對象存索引值的方法,代碼如下 方法一:(簡單存索引值) 複製代碼 代碼如下:Array.prototype.distinct1 = function() { var i=0,tmp={},that=this.slice(0) this.length=0; for(;i<that.length;i++){ if(!(that[i] in tmp)){ this[this.length]=that[i];
Time of Update: 2018-12-08
我寫JavaScript代碼已經很久了,都記不起是什麼年代開始的了。對於JavaScript這種語言近幾年所取得的成就,我感到非常的興奮;我很幸運也是這些成就的獲益者。我寫了不少的文章,章節,還有一本專門討論它的書,然而,我現在依然能發現一些關於這種語言的新知識。下面的描述的就是過去讓我不由得發出“啊!”的感歎的編程技巧,這些技巧你應該現在就試試,而不是等著未來的某個時候偶然的發現它們。簡潔寫法JavaScript裡我最喜歡的一種東西就是產生對象和數組的簡寫方法。在過去,如果你想建立一個對象,你
Time of Update: 2018-12-08
display版本:CSS1/CSS2 相容性:IE4+ NS4+ 繼承性:無 文法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column |
Time of Update: 2018-12-08
今天在rainweb的部落格上,看到了這篇非常好的文章,覺得非常有必要分享出來,相信大家認真讀完這篇文章,對js範圍的理解又會上升到一個新的台階。 前言:javascript裡變數範圍是個經常讓人頭痛抓狂的問題,下面通過10++個題目,對經常遇到又容易出錯的情況進行了簡單總結,代碼範例很短很簡單 題目一 複製代碼 代碼如下:var name = 'casper'; alert(name); //毫無疑問地輸出:casper 題目二 複製代碼 代碼如下:alert(name);
Time of Update: 2018-12-08
方法主要有三種轉換函式、強制類型轉換、利用js變數弱類型轉換。1. 轉換函式:js提供了parseInt()和parseFloat()兩個轉換函式。前者把值轉換成整數,後者把值轉換成浮點數。只有對String類型調用這些方法,這兩個函數才能正確運行;對其他類型返回的都是NaN(Not a Number)。一些樣本如下:複製代碼 代碼如下:parseInt("1234blue"); //returns 1234parseInt("0xA"); //returns
Time of Update: 2018-12-08
如果你現在正在使用Restful API,並且你需要通過web項目來構建json格式字串的響應,那麼這篇文章將協助你使用javascript來建立json格式字串。這是非常有用的,我們將通過jQuery外掛程式$.toJSON把資料對象轉換為json格式。 使用JavaScript構建JSON格式字串 JavaScript代碼: 在這裡包含了javascript代碼。$(“#form”).submit(function(){}-
Time of Update: 2018-12-08
在使用DIV和CSS進行網頁布局中,DIV的自適應高度和自適應寬度是一個很常見的問題。 為了保證頁面的整體美觀性,需要將兩個或者多個層的高度/寬度保持一致。左右自適應高度一致 Jquery 複製代碼 代碼如下:<div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/>5<br/></div>
Time of Update: 2018-12-08
可縮放向量圖形(Scalable Vector Graphics,SVG)是基於可延伸標記語言 (XML)(XML),用於描述二維向量圖形的一種圖形格式。SVG由W3C制定,是一個開放標準。另SVG還是Static Var Generator靜止無功發生器的簡稱判斷瀏覽器是否支援SVG的代碼(部分截去自Highcharts源碼): Js代碼: 複製代碼 代碼如下:function hasSVG(){ SVG_NS = 'http://www.w3.org/2000/svg', return !!