ホームページ > 記事 > ウェブフロントエンド > JavaScript_javascript スキルのプロンプト ボックスからページにジャンプする方法
プロンプト ボックスからページにジャンプするための具体的なコードは次のとおりです:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-"> <title>Document</title> </head> <body> <script> window.onload = function(){ //设置当页面加载时执行 var btn =document.getElementsByTagName("button")[] //获取btn元素 btn.onclick = function(){ //给button加上一个点击事件 var answer = confirm("是否想游览ziksang博客园") //把确认框赋值给answer if(answer) //判断是否点击确定 window.location ="http://www.cnblogs.com/Ziksang/" //确定的话游览器自身跳转 } } </script> <button>点击跳转</button> </body> </html>
以下では、ページ ジャンプを実装する一般的な JS 方法をいくつか紹介します
最初のタイプ:
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
2 番目のタイプ:
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
3 番目のタイプ:
<script language="javascript"> window.navigate("top.jsp"); </script>
4 番目のタイプ:
<script language="JavaScript"> self.location='top.htm'; </script>
5 番目のタイプ:
<script language="javascript"> alert("非法访问!"); top.location='xx.jsp'; </script>
次に、JS でポップアップ ウィンドウを使用してページ ジャンプを実現するいくつかの方法を紹介します
——————————————————————————————————
最初の方法: 選択ボックスをポップアップして他のページにジャンプします
<script language="javascript"> <!-- function logout(){ if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ window.location.href="/logout.asp?act=logout" } } --> </script> <input type="button" onclick="logout()" value="注销"/>
2 番目のタイプ: 他のページにジャンプするためのポップアップ プロンプト ボックス
<script language="javascript"> <!-- function logout(){ alert("你确定要注销身份吗?"); window.location.href="/logout.asp?act=logout" } --> </script> <input type="button" onclick="logout()" value="注销"/>
ページは自動的に他のページにジャンプします
—————————————————————————————————
ページに 1 行のコードを追加するだけです
<meta http-equiv="Refresh" content="5; url=http://www.codepub.com" />
このうち、content="5; url=http://www.codepub.com" の 5 は 5 秒後にジャンプすることを意味し、直接 0 に設定できます
このコードは主に、ユーザーのログイン時のページジャンプに使用されます
Put onClick="windows.open("Submit.html")"
が
に変更されましたonClick="window.location.reload('Submit.html');" window.open('Submit.html')