ホームページ >ウェブフロントエンド >jsチュートリアル >javascript_javascriptスキルでジャンプメニューを実装する具体的な方法

javascript_javascriptスキルでジャンプメニューを実装する具体的な方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:29:471026ブラウズ

伝統

javascript_javascriptスキルでジャンプメニューを実装する具体的な方法

ここで行う必要があるのは、「Go There」ボタンを省略し、メニュー項目を選択した後に直接ジャンプすることです。

javascript_javascriptスキルでジャンプメニューを実装する具体的な方法

HTML コード

コードをコピー コードは次のとおりです:





メニュー転送

< ;/ head>


="送信" 値 = "そこに行きます!" />

>
JavaScript スクリプト




コードをコピー


コードは次のとおりです:

window.onload =initForm ;
//ページのキャッシュを防止し、onload をトリガーできません
window.onunload=function(){} function initForm(){ document.getElementById("newLocation").selectIndex=0 ; document.getElementById("newLocation").onchange=jumpPage; 関数 JumpPage(){ var newLoc=document.getElementById("newLocation"); newLoc.selectedIndex].value; if (newPage!=""){
window.location=newPage;
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。