更新時(shí)間:2009-6-28
簡(jiǎn)介: 本文把有關(guān)JavaScript的方法和技巧整理下,讓每個(gè)在為JavaScript而煩惱的人明白,JavaScript就這么回事!并希望JavaScript還可以成為你的朋友,讓你豁然開(kāi)朗,在項目中更好的應用~ 適合閱讀范圍:對JavaScript一無(wú)所知~離精通只差一步之遙的人
代碼使用方法:有些時(shí)候你精通一門(mén)語(yǔ)言,但是會(huì )發(fā)現你其實(shí)整天在和其它語(yǔ)言打交道,也許你以為這些微不足道,不至于影響你的開(kāi)發(fā)進(jìn)度,但恰恰是這些你不重視的東西會(huì )浪費你很多時(shí)間,我一直以為我早在幾年前就已經(jīng)精通JavaScript了,直到目前,我才越來(lái)越覺(jué)得JavaScript遠比我想象的復雜和強大,我開(kāi)始崇拜它,就像崇拜所有OOP語(yǔ)言一樣~
趁著(zhù)節日的空隙,把有關(guān)JavaScript的方法和技巧整理下,讓每個(gè)在為JavaScript而煩惱的人明白,JavaScript就這么回事!并希望JavaScript還可以成為你的朋友,讓你豁然開(kāi)朗,在項目中更好的應用~
適合閱讀范圍:對JavaScript一無(wú)所知~離精通只差一步之遙的人
基礎知識:HTML
JavaScript就這么回事:基礎知識
1 創(chuàng )建腳本塊<script language="JavaScript">
JavaScript code goes here
</script>
2 隱藏腳本代碼在不支持JavaScript的瀏覽器中將不執行相關(guān)代碼
3 瀏覽器不支持的時(shí)候顯示 4 鏈接外部腳本文件5 注釋腳本 6 輸出到瀏覽器 7 定義變量 8 字符串相加 9 字符串搜索 10 字符串替換11 格式化字串 12 創(chuàng )建數組 13 數組排序14 分割字符串 15 彈出警告信息 16 彈出確認框 17 定義函數 18 調用JS函數 19 在頁(yè)面加載完成后執行函數20 條件判斷 21 指定次數循環(huán) 22 設定將來(lái)執行 23 定時(shí)執行函數 24 取消定時(shí)執行 25 在頁(yè)面卸載時(shí)候執行函數JavaScript就這么回事2:瀏覽器輸出
26 訪(fǎng)問(wèn)document對象 27 動(dòng)態(tài)輸出HTML28 輸出換行 29 輸出日期 30 指定日期的時(shí)區31 設置日期輸出格式32 讀取URL參數你還以為HTML是無(wú)狀態(tài)的么?
33 打開(kāi)一個(gè)新的document對象 34 頁(yè)面跳轉 35 添加網(wǎng)頁(yè)加載進(jìn)度窗口 JavaScript就這么回事3:圖像
36 讀取圖像屬性37 動(dòng)態(tài)加載圖像38 簡(jiǎn)單的圖像替換
<script language="JavaScript">
rollImage = new Image;
rollImage.src = "http://www.sharejs.com/images/logo.jpg";
defaultImage = new Image;
defaultImage.src = "image1.jpg";
</script>
<a onMouseOver="document.myImage.src = rollImage.src;"
onMouseOut="document.myImage.src = defaultImage.src;">
<img src="http://www.sharejs.com/images/logo.jpg" name="myImage" width=100 height=100 border=0>
39 隨機顯示圖像40 函數實(shí)現的圖像替換41 創(chuàng )建幻燈片42 隨機廣告圖片JavaScript就這么回事4:表單
還是先繼續寫(xiě)完JS就這么回事系列吧~
43 表單構成44 訪(fǎng)問(wèn)表單中的文本框內容45 動(dòng)態(tài)復制文本框內容46 偵測文本框的變化47 訪(fǎng)問(wèn)選中的Select48 動(dòng)態(tài)增加Select項49 驗證表單字段50 驗證Select項51 動(dòng)態(tài)改變表單的action52 使用圖像按鈕
[B]53 表單數據的加密 JavaScript就這么回事5:窗口和框架 54 改變?yōu)g覽器狀態(tài)欄文字提示55 彈出確認提示框56 提示輸入57 打開(kāi)一個(gè)新窗口58 設置新窗口的大小59 設置新窗口的位置61 是否可以縮放新窗口的大小62 加載一個(gè)新的文檔到當前窗口63 設置頁(yè)面的滾動(dòng)位置64 在IE中打開(kāi)全屏窗口65 新窗口和父窗口的操作在新窗口中關(guān)閉父窗口
window.opener.close()
66 往新窗口中寫(xiě)內容67 加載頁(yè)面到框架頁(yè)面在frame1中加載frame2中的頁(yè)面
parent.frame2.document.location = "135b.html";
68 在框架頁(yè)面之間共享腳本如果在frame1中html文件中有個(gè)腳本
那么在frame2中可以如此調用該方法
69 數據公用可以在框架頁(yè)面定義數據項,使得該數據可以被多個(gè)框架中的頁(yè)面公用
這樣在frame1和frame2中都可以使用變量persistentVariable
70 框架代碼庫根據以上的一些思路,我們可以使用一個(gè)隱藏的框架頁(yè)面來(lái)作為整個(gè)框架集的代碼庫