jsページにジャンプするにはどのような方法がありますか?-jsチュートリアル-php.cn

jsページにジャンプするにはどのような方法がありますか?

清浅

リリース： 2019-02-18 09:09:58

オリジナル

18198 人が閲覧しました

JavaScript でのページジャンプの実装方法には、直接ジャンプ、onclick 関数によるボタンジャンプ、新しいウィンドウを開く window.open 関数、新しいウィンドウを開くかどうかを確認する確認メソッドがあります。

#開発プロセスでは常にさまざまなページジャンプが発生し、ジャンプ方法が異なればエクスペリエンスも異なります。今日は JavaScript でのページジャンプ方法をいくつか紹介します。皆さんのお役に立てれば幸いです。

[おすすめコース: JavaScript チュートリアル #]

方法 1: スタイルに直接ジャンプ

<script>window.location.href=&#39;//m.sbmmt.com&#39;;</script>

ログイン後にコピー

方法 2: ボタンをクリックしてページにジャンプ ##

<input type="button" value="点击" onclick="location.href=&#39;//m.sbmmt.com/&#39;">

ログイン後にコピー

onclick イベントをボタンに追加します。ただし、クリックすると、事前に設定されたリンクアドレスにジャンプします。

方法 3: このページ上で直接新しいウィンドウを開きます。

<a href="javascript:" onClick="window.open(&#39;//m.sbmmt.com/&#39;,&#39;&#39;,&#39;height=200,width=300,scrollbars=yes&#39;) 
PHP中文网</a>

ログイン後にコピー

ウィンドウを介して。 open() 関数は、このページで新しいウィンドウを開くことができます。スクロールバーを設定するためにスクロールバーが使用されます。

jsページにジャンプするにはどのような方法がありますか?

方法 4: ページが一定時間滞在した後。 5 秒新しいページにジャンプします

<script type="text/javascript">
　　function demo(){
　　window.location.href ="//m.sbmmt.com";
　　}
　　setTimeout(demo,5000);
　　</script>
<a onclick="demo()">PHP中文网</a>

ログイン後にコピー

setTimeout メソッドを使用して、指定したミリ秒数後に関数または計算式を呼び出します。この例では、設定により 5 秒後にページがジャンプします。 Transfer

jsページにジャンプするにはどのような方法がありますか?

方法 5: ページ上のポップアップ確認ボックスを使用して、新しいページにジャンプするかどうかを選択します

<script type="text/javascript">
　　function demo(){
  if(confirm("你确定要跳转到新的页面吗")){
    window.location.href ="//m.sbmmt.com";
　　
　　}
}
　　</script>
<a onclick="demo()">PHP中文网</a>

ログイン後にコピー

レンダリング:

confirm メソッドは、指定されたメッセージと [OK] および [キャンセル] ボタンを含むダイアログボックスを表示するために使用されます。 [OK] を選択すると、新しいページに移動します。 [キャンセル] を選択すると、ページは移動しません。

この記事の参考記事:
https:/ /www.html.cn/doc/ javascript/timing/

https://www.html.cn/doc/javascript/window-location/

要約: 上記は全体ですこの記事の内容この記事を通じて、JavaScript を使用してさまざまなページジャンプ方法を実装できるようになることを願っています。
以上がjsページにジャンプするにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。