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