JavaScript基礎(chǔ)問(wèn)答四_基礎(chǔ)知識(shí)

1. 下拉菜單中的鏈接（Links in Select Menu）

Q：我如何實(shí)現(xiàn)在下拉菜單中鏈接到不同的頁(yè)面？

A：要?jiǎng)?chuàng)建一個(gè)所示的下拉菜單： 選擇一個(gè)頁(yè)面JavaScript FAQNumbersStringsNavigationColorsJavaScripter.net

你可以使用下面的代碼：

1. onChange="if(this.selectedIndex!=0)

   self.location=this.options[this.selectedIndex].value">

   Select a page

   JavaScript FAQ

   Numbers

   Strings

   Navigation

   Colors

   JavaScripter.net

只需要把菜單項(xiàng)及其相應(yīng)的URL改為你需要就可以了。你可以使用絕對(duì)地址（就像http://www.javascripter.net），也可以使用相對(duì)地址（像 mypage.htm）。

2. 按鈕鏈接（Button Links）

Q：我怎么才能把一個(gè)按鈕變?yōu)橹赶蛄硗庖粋€(gè)頁(yè)面的超鏈接呢？

A：要?jiǎng)?chuàng)建一個(gè)按鈕就像一個(gè)：

你可以使用這段代碼：

1. value="insert button text here"

   onClick="self.location='Your_URL_here.htm'">

只需要改為你需要的按鈕文本和目標(biāo)地址。試一下這個(gè)：

你可以使用絕對(duì)地址（像http://www.javascripter.net）也可以使用相對(duì)地址（像mypage.htm）。

3. 后退按鈕（Back Button）

Q：我能讓按鈕像瀏覽器的“后退”按鈕一樣嗎？

A：要?jiǎng)?chuàng)建你自己的后退按鈕，可以使用這段代碼：

1. onCLick="history.back()">

現(xiàn)在試一下：

4. 前進(jìn)按鈕（Forward Button）

Q：我能讓按鈕像瀏覽器中的“前進(jìn)”按鈕一樣嗎？

A：要?jiǎng)?chuàng)建自己的“前進(jìn)”按鈕，使用這段代碼：

1. onCLick="history.forward()">

如果瀏覽器上的前進(jìn)按鈕當(dāng)前不可用，那么這個(gè)“前進(jìn)”按鈕同樣不能工作。這種情況就是當(dāng)前頁(yè)是你瀏覽歷史中的最后一頁(yè)。換句話(huà)說(shuō)，如果你是使用瀏覽器的“后退”按鈕到達(dá)的這個(gè)頁(yè)面（或者腳本編寫(xiě)的后退按鈕），那么這個(gè)前進(jìn)按鈕就可以工作?，F(xiàn)在試一下吧！

5. 查詢(xún)字符串（Query Stirngs）

Q：我的腳步可以訪(fǎng)問(wèn)當(dāng)前URL中的查詢(xún)字符串嗎？

A：查詢(xún)字符串（或搜索字符串）是URL中的一個(gè)可選部分，它跟在文件名后面，以問(wèn)號(hào)引導(dǎo)（?）。例如，下面的URL在HTML文件名后包含了一個(gè)查詢(xún)字符串 ?myquery：

http://www.myfirm.com/file.html?myquery

你的腳本可以使用JavaScript的location.search屬性訪(fǎng)問(wèn)當(dāng)前URL中的查詢(xún)字符按。點(diǎn)擊下面按鈕試一下看看?。榱瞬榭吹刂分械腢RL，你可能想要在頂層瀏覽器窗口中顯示這個(gè)頁(yè)面。）

創(chuàng)建這些按鈕的代碼是：

1. onClick="selfself.location=

   self.location.protocol+'//'

   +self.location.host

   +self.location.pathname+'?test'">

   onClick="alert('Query string: '+self.location.search)">

   onClick="selfself.location=

   self.location.protocol+'//'

   +self.location.host

   +self.location.pathname">

注意：查詢(xún)字符串有時(shí)候可能不會(huì)如預(yù)期一樣的工作。例如，如果你將這個(gè)頁(yè)面保存本地磁盤(pán)上，上面在Internet Explorer 4.x就不會(huì)工作（但是在Netscape Navigator中依然有效）。

6. 向頁(yè)面?zhèn)鬟f參數(shù)（Passing parameters to a page）

Q：我可以從也頁(yè)面向另外一個(gè)頁(yè)面?zhèn)鬟f參數(shù)嗎？

A：可以。有幾種不同的方式可以實(shí)現(xiàn)：

這里是一個(gè)簡(jiǎn)單的例子來(lái)演示所有這些傳遞參數(shù)的方法。傳遞的值應(yīng)該是字符換“It_worked”。當(dāng)你點(diǎn)擊下面的按鈕時(shí)，按鈕的事件腳本會(huì)存在這些值（1）在名為parm_value的cookie中，（2）以頂層變量top.parm_value保存以及（3）在top.name屬性中。然后，腳本引導(dǎo)瀏覽器到parm_get.htm，它的URL包含一個(gè)值為URL編碼的查詢(xún)字符串。

7. 查找文本（Searching for text）

Q：我怎樣在頁(yè)面查詢(xún)一個(gè)特定的文本字符串？

A：在Netscape Navigator 4.x中，可以使用window.find(string) 方法查找；參見(jiàn)查找對(duì)話(huà)框。在Internet Explorer 4.x或更新版本中，創(chuàng)建一個(gè)文本范圍對(duì)象（下面的例子中是TRang），然后使用TRang.findText(string)。

示例：下面的腳本根據(jù)用戶(hù)輸入的文本查找并在頁(yè)面上高亮顯示。

這個(gè)示例的代碼為：

1. onSubmit="if(this.t1.value!=null && this.t1.value!='')

   findString(this.t1.value);return false"

   >

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com