中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術文檔 > 網(wǎng)頁制作 > JavaScript的陷阱
基于display:table的CSS布局 回到列表 用javascript修復瀏覽器中頭痛問題
 JavaScript的陷阱

作者:秦歌 時間: 2008-10-28 文檔類型:翻譯 來自:藍色理想

第 1 頁 JavaScript的陷阱 [1]
第 2 頁 JavaScript的陷阱 [2]
第 3 頁 JavaScript的陷阱 [3]
第 4 頁 JavaScript的陷阱 [4]
第 5 頁 JavaScript的陷阱 [5]

字符串替換

一個常見錯誤是假設字符串替換方法的行為會對所有可能匹配都產(chǎn)生影響。實際上,JavaScript字符串替換只改變了第一次發(fā)生的地方。為了替換所有發(fā)生的地方,你需要設置全局標識。同時需要記住String.replace()的第一個參數(shù)是一個正則表達式。

var myString = "this is my string";
myString = myString.replace("","%20"); // "this%20is my string"
myString = myString.replace(/ /,"%20"); // "this%20is my string"
myString = myString.replace(/ /g,"%20"); // "this%20is%20my%20string"

parseInt

在JavaScript得到整數(shù)的最常見錯誤是假設parseInt返回的整數(shù)是基于10進制的。別忘記第二個參數(shù)基數(shù),它能是從2到36之間的任何值。為了確保你不會弄錯,請一直包含第二個參數(shù)。

parseInt('09/10/08'); //0
parseInt(’09/10/08′,10); //9, 它最可能是你想從一個日期中得到的值

如果parseInt沒有提供第二個參數(shù),則前綴為 ‘0x’ 的字符串被當作十六進制,前綴為 ‘0′ 的字符串被當作八進制。所有其它字符串都被當作是十進制的。如果 numString 的前綴不能解釋為整數(shù),則返回 NaN(而不是數(shù)字)。

‘this’

另一個常見的錯誤是忘記使用“this”。在JavaScript對象中定義的函數(shù)訪問這個對象的屬性,但沒有使用引用標識符“this”。例如,下面是錯誤的:

function myFunction() {
 var myObject = {
  objProperty: "some text",
  objMethod: function() {
   alert(objProperty);
  }
 };
 myObject.objMethod();
}

function myFunction() {
 var myObject = {
  objProperty: "some text",
  objMethod: function() {
   alert(this.objProperty);
  }
 };
 myObject.objMethod();
}

有一篇 A List Apart文章 用通俗易懂的英文表達了this綁定的問題。

對this使用最大的陷阱是this在使用過程中其引用會發(fā)生改變:

<input type="button" value="Gotcha!" id="MyButton">
<script>
var MyObject = function () {
    this.alertMessage = "Javascript rules";
    this.ClickHandler = function() {
        alert(this.alertMessage );
        //返回結果不是”JavaScript rules”,執(zhí)行MyObject.ClickHandler時,
        //this的引用實際上指向的是document.getElementById("theText")的引用
  }
}();
document.getElementById(”theText”).onclick =  MyObject.ClickHandler
</script>

其解決方案是:

var MyObject = function () {
    var self = this;
    this.alertMessage = “Javascript rules”;
    this.OnClick = function() {
        alert(self.value);
    }
}();

類似問題的更多細節(jié)和解決方案請看《JavaScript作用域的問題》。

出處:藍色理想
責任編輯:bluehearts

上一頁 JavaScript的陷阱 [3] 下一頁 JavaScript的陷阱 [5]

◎進入論壇網(wǎng)頁制作WEB標準化版塊參加討論,我還想發(fā)表評論

相關文章 更多相關鏈接
用javascript修復瀏覽器中頭痛問題
Javascript利用閉包循環(huán)綁定事件
理解"漸進增強"
精通JavaScript+jQuery
Javascript——淺析注冊事件
作者文章 更多作者文章
關于基于字體大小(em)的設計
Javascript的匿名函數(shù)
Firefox2中輸入框丟失光標bug
Javascript風格要素 Ⅱ
Firefox 2和3在windows下的共存
關鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:4/51個記錄/頁 轉到 頁 共5個記錄

藍色理想版權申明:除部分特別聲明不要轉載,或者授權我站獨家播發(fā)的文章外,大家可以自由轉載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權歸我站和作者共有。

轉載要求:轉載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權在網(wǎng)站內(nèi)轉載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2