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

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

这样的效果可以: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.111cn.net/)>

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

代码如下 复制代码 <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";

}</script>

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

JS跳转页面参考代码

代码如下 复制代码 第一种:(www.111cn.net)<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"><!--function logout()...{if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{window.location.href="logout.asp?act=logout"}}--></script> =====javascript中弹出提示框跳转到其他页面=====<script language="javascript"><!--function logout()...{alert("你确定要注销身份吗?");window.location.href="logout.asp?act=logout"}--></script> from:http://www.111cn.net/wy/js-Ajax/48824.htm

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航