javascript實(shí)現(xiàn)跳轉(zhuǎn)菜單的具體方法
更新時(shí)間：2013年07月05日 17:14:29 作者：
這篇文章介紹了javascript實(shí)現(xiàn)跳轉(zhuǎn)菜單的具體方法，有需要的朋友可以參考一下
傳統(tǒng)
這里要做的是，省略Go There按鈕，選擇菜單項(xiàng)后，直接跳轉(zhuǎn)。
Html代碼
復(fù)制代碼 代碼如下:
<!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" content="text/html; charset=utf-8" />
<title>轉(zhuǎn)移菜單</title>
<script type="text/javascript" src="轉(zhuǎn)移菜單.js"></script>
</head>
<body>
<form>
<select id="newLocation">
<option selected="selected" value="">Select a topic</option>
<option value="topic1.html">topic1</option>
<option value="topic2.html">topic2</option>
<option value="topic3.html">topic3</option>
<option value="topic4.html">topic4</option>
<option value="topic5.html">topic5</option>
</select>
<!--當(dāng)瀏覽器不支持javascript或者禁用腳本運(yùn)行時(shí)被調(diào)用-->
<noscript>
<input type="submit" value="Go There!"/>
</noscript>
</form>
</body>
</html>
Javascript腳本
復(fù)制代碼 代碼如下:
window.onload=initForm;
//防止頁面緩存，無法觸發(fā)onload
window.onunload=function(){}
function initForm(){
document.getElementById("newLocation").selectIndex=0;
document.getElementById("newLocation").onchange=jumpPage;
}
function jumpPage(){
var newLoc=document.getElementById("newLocation");
var newPage=newLoc.options[newLoc.selectedIndex].value;
if (newPage!=""){
window.location=newPage;
}
}
相關(guān)文章
這篇文章介紹了js 3種歸并操作的實(shí)例代碼，有需要的朋友可以參考一下2013-10-10
移動(dòng)端H5喚起APP的寫法實(shí)例（IOS、android）
最近在做掃碼之后的h5頁面喚醒App的功能,所以記錄一下,這篇文章主要給大家介紹了關(guān)于移動(dòng)端H5喚起APP的相關(guān)資料,需要的朋友可以參考下2021-07-07
javascript 彈出窗口中是否顯示地址欄的實(shí)現(xiàn)代碼
程序中通過點(diǎn)擊一個(gè)“發(fā)貨提醒”鏈接彈出另一個(gè)窗口，使用的方法是用javascript 的openUrl()方法。2011-04-04
這篇文章主要為大家詳細(xì)介紹了js編寫簡易的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
js中的雙感嘆號(hào)判斷。在網(wǎng)上查了些資料，他相當(dāng)于三元運(yùn)算符，返回boolean值2013-11-11
這篇文章主要介紹了如何利用Cesium實(shí)現(xiàn)加載顯示熱力圖，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)或工作有一定的幫助，需要的可以參考一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)如何使用npm安裝依賴，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
JavaScript 5 新增 Array 方法實(shí)現(xiàn)介紹
JavaScript 5 發(fā)布有一段時(shí)間了，Array 對(duì)象新增了很多方法。但在老版本的瀏覽器上還不能使用，得益于 JavaScript 的動(dòng)態(tài)可擴(kuò)展性，我實(shí)現(xiàn)了這些方法，在此曬出來與君共勉2012-02-02
今天小編就為大家分享一篇layer父頁獲取彈出層輸入框里面的值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js中合并對(duì)象的幾種實(shí)現(xiàn)方法
"js 合并對(duì)象"是一種在JavaScript編程中常見的操作,用于將多個(gè)對(duì)象的屬性合并到一起,通常,我們會(huì)使用ES6的擴(kuò)展運(yùn)算符或者Object.assign()函數(shù)來實(shí)現(xiàn)這個(gè)功能,感興趣的可以了解一下2023-08-08