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

 

www.111cn.net 编辑:smoke 来源:转载

在网页中button按钮不具备a标签的属性了，如果我们要给button 按钮增加跳转事件我们可以在它的确onclick事件上点击跳转js来实现，下面我来给大家介绍一些常用的方法。

 

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

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

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

代码如下	复制代码
window.location.href="你所要跳转的页面";

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

代码如下	复制代码
window.open('你所要跳转的页面'); window.history.back(-1);返回上一页

代码是：

代码如下	复制代码

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

代码如下	复制代码

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

 JS跳转页面参考代码

代码如下	复制代码
第一种： 第二种： 第三种： 第四种： 第五种： ＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝   ＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝

转载于:https://www.cnblogs.com/lizhenlin/p/5628605.html