javascript常用的页面跳转方法为:
window.location.href=some_url;
下面举例演示点击按钮后,延迟3秒跳转页面:内
1、HTML结构
<inputtype='button'value='延迟3秒跳转到网络首容页'onclick="fun()"/>
2、javascript代码
functionfun(){
setTimeout(function(){
window.location.href="http://www..com"
},3000);
}
3、演示效果:
② js点击按钮跳转到另一个页面
<button onclick="location.href='另一个页面的url';">点我跳转到另一个页面</button>
③ js点击按钮跳转页面有哪些方法
举个例子复:制
<html>
<body><input type="button" value="跳转到详细页" onclick="f();"></body>
</html>
js:
function f()
{
window.location.href="jd.com";
}
以上代码就会跳转到京东了
④ 如何使用JavaScript实现 按钮跳转页面功能
javascript中的location.href有很多种抄用法,主要如袭下:
self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面
⑤ 怎么用JavaScript实现按一个按钮然后跳转页面
使用如下javascript代码可以实现页面跳转:
window.location.href=url;//跳转到url页面
location.href=url;//这样也行
实例演示如下:
1、关键代码
<inputtype='button'value='前往网络'onclick="location.href='https://www..com/'"/>
2、效果演示
⑥ javascript 跳转执行一次页面执行onclick
第一种:直接跳转加参数
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
直接跳转无参数:
<script>window.location.href='http://www..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>
第五种:指定自身跳转页面 对框架有效。。
<script language="javascript">
alert("非法访问!");
top.location='xx.aspx';
</script>
第六种:按钮式 在button按钮添加 事件跳转。。
<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">第七种:在新窗口打开:
<a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a> 应用实例:
<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>
⑦ javascript怎么通过按钮跳转跳转新页面
点击按钮跳转到新的页面:
<inputtype="submit"name="submit"onclick="open()">
<scriptlanguage="javascript">
functionlogout()...{
if(confirm("你确定要注销身份吗?是-选择确回定,否答-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
</script>