一般的に、ページジャンプは a タグを通じて実行できますが、ページにボタンまたは他のタグしかない場合もあります。この場合、ページジャンプを実現するには他の方法を使用する必要があります。この記事では主に一般的に使用される js ページ ジャンプ コードを紹介し、皆様のお役に立てれば幸いです。
解決策:
方法 1: Location オブジェクト
テストソースコード:
<html> <head> <script type="text/javascript"> //assign() 方法可加载一个新的文档。 function newDoc(){ window.location.assign("http://www.souvc.com/"); } //reload() 方法用于重新加载当前文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。 function reloadPage(){ window.location.reload(); } //replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。 function replaceDoc(){ window.location.replace("http://www.souvc.com"); } function locationHref(){ window.location.href("http://www.w3school.com.cn/"); } </script> </head> <body> <input type="button" value="跳转页面(直接在按钮上加方法)" onClick="location.href='http://www.souvc.com/'"> <br/> <input type="button" value="跳转页面(加载一个新的文档)" onclick="newDoc()" /> <br/> <input type="button" value="重新加载页面" onclick="reloadPage()" /> <br/> <input type="button" value="Replace document" onclick="replaceDoc()" /> <input type="button" value="location href" onclick="locationHref()" /> </body> </html>
方法 2: 履歴オブジェクト
方法 3: その他のオブジェクト
2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
href= "javascript:history.go(-1)">前のステップに戻る href="javascript:" クリック時="window.open ('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')">souvc a> self.location='http://www.souvc.com/'; top.location='http:// www.souvc.com/'; window.navigate("top.jsp"); |
2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
href= "javascript:history.go(-1)">前のステップに戻る href="javascript:" クリック時="window.open ('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')">souvc a> self.location='http://www.souvc.com/'; top.location='http:// www.souvc.com/'; window.navigate("top.jsp"); |
以上がよく使用されるjsページジャンプコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。