一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2022-11-14 22:02:44 编辑:袖梨 来源:一聚教程网

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

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

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

代码如下 复制代码

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

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

代码如下 复制代码

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

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


代码是:

代码如下 复制代码

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

代码如下 复制代码

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


JS跳转页面参考代码

代码如下 复制代码

第一种:

第二种:

第三种:

第四种:

第五种:

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


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

热门栏目