js点击按钮跳转页面实例分析

发布时间:2020-12-20编辑:脚本学堂
有关js点击button按钮跳转到新页面的方法,可以使用onclick=window.location=新页面来实现,具体参考下文中的例子吧。

如何实现点击按钮跳转到另外一个页面?

要实现这种效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,可以采用onclick="window.location='新页面'" 来实现。

推荐阅读:

1、在原来的窗体中直接跳转用
window.location.href="要跳转的页面";

2、在新窗体中打开页面用:
window.open('要跳转的页面');
 

window.history.back(-1);返回上一页
<input type="submit" name="Submit" value="同意" onclick=window.open(http://www.jb200.com/)>
如果要在点击按钮提交时验证输入款是否填入了内容,要怎么做?
当用户名输入或者其它的为空的时候,点击按钮不提交,可以按下列的方法做。
<input type="submit" name="submit" onclick="open()">
<script language=javascript>
fuction open(){
if(!document.form_name.username.value) {
alert("请输入用户名!"); document.form_name.username.focus(); return false;
}else document.form_name.action="aaa.htm";
}

当空值时,点击按钮还是不会跳转到另外的页面呢?这样就达到了效果了。

js跳转页面参考代码
 

复制代码 代码示例:

//第一种:
window.location.href="login.jsp?backurl="+window.location.href;

//第二种:
alert("返回");
window.history.back(-1);

//第三种:www.jb200.com整理
window.navigate("top.jsp");

//第四种:
self.location='top.htm';

//第五种:
alert("非法访问!");
top.location='xx.jsp';

2,javascript中弹出选择框跳转到其他页面

例子:
 

复制代码 代码示例:
<!--
function logout()...{
if (confirm("确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->

3,javascript中弹出提示框跳转到其他页面
 

复制代码 代码示例:
<!--
function logout()...{
alert("确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->

有关js点击button按钮跳转到新页面的方法就是这些了,希望对大家有所帮助。