Rumah >hujung hadapan web >tutorial js >javascript怎么控制页面跳转
javascript怎么控制页面跳转
- 青灯夜游asal
- 2021-06-08 11:41:452582semak imbas
方法：1、使用“window.location.href="页面地址"”；2、使用“window.history.back()”语句；3、使用“window.navigate()”语句；4、使用“self.location="地址"”语句。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
Javascript实现页面跳转的几种方式
第一种：直接跳转加参数
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>直接跳转无参数：
<script>window.location.href='http://www.baidu.com';</script>
第二种：返回上一次预览界面
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>标签嵌套：
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>第三种：指定跳转页面 对框架无效。。。
<script language="javascript">
window.navigate("top.jsp");
</script>第四种：指定自身跳转页面 对框架无效。。
<script language="JavaScript">
self.location='top.htm';
</script>应用实例：
<head>
<script language="javascript">
function old_page()
{
window.location = "login.aspx"
}
function replace()
{
window.location.replace("login.aspx")
}
function new_page()
{
window.open("login.aspx")
}
</script>
</head>
<body>
<input type="button" onclick="new_page()" value="在新窗口打开s"/>
<input type="button" onclick="old_page()" value="跳转后有后退功能"/>
<input type="button" onclick="replace()" value="跳转后没有后退功能"/>
</body>更多编程相关知识，请访问：编程视频！！
Atas ialah kandungan terperinci javascript怎么控制页面跳转. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Angular中关于单元测试的面试题，你能回答上来吗？Artikel seterusnya：jquery中html()方法怎么用