js点击button按钮跳转到页面刷新_js点击button按钮跳转到页面代码

更新时间:2018-04-04    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】

点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢?

这样的效果可以:onclick="window.location=’新页面’" 来实现。

1.在原来的窗体中直接跳转用

 代码如下

window.location.href="你所要跳转的页面";

2、在新窗体中打开页面用:

 代码如下

window.open("你所要跳转的页面");

window.history.back(-1);返回上一页


代码是:

 代码如下

如果要在点击按钮提交时验证输入款是否填入了内容,要怎么做呢?当用户名输入或者其它的为空的时候,点击按钮不提交,可以按下列的方法做。

 代码如下

<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";

}
</script>

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


 JS跳转页面参考代码

 代码如下

第一种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三种:
<script language="javascript">
window.navigate("top.jsp");
</script>
第四种:
<script language="JavaScript">
self.location=’top.htm’;
</script>
第五种:
<script language="javascript">
alert("非法访问!");
top.location=’xx.jsp’;
</script>

=====javascript中弹出选择框跳转到其他页面=====
<script language="javascript">

</script>
 
=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript">

</script>

本文来源:http://www.bbyears.com/wangyezhizuo/40423.html

热门标签

更多>>

本类排行