js点击button跳转到另一个页面 您所在的位置:网站首页 jsp点击按钮跳转到另一个页面 js点击button跳转到另一个页面

js点击button跳转到另一个页面

2023-09-20 20:06| 来源: 网络整理| 查看: 265

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

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

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

代码如下

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

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

代码如下

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

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

代码如下

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

代码如下、

复制代码 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); 第三种: window.navigate("top.jsp"); 第四种: self.location='top.htm'; 第五种: alert("非法访问!"); top.location='xx.jsp';

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

复制代码 复制代码

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

复制代码


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有