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

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

WBOY
リリース: 2016-05-16 17:29:47
オリジナル
999 人が閲覧しました

伝統

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;
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート