js点击button按钮跳转到页面代码
2016-06-29 23:43
197 查看
www.111cn.net 编辑:smoke 来源:转载
在网页中button按钮不具备a标签的属性了,如果我们要给button 按钮增加跳转事件我们可以在它的确onclick事件上点击跳转js来实现,下面我来给大家介绍一些常用的方法。
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢?
这样的效果可以:onclick="window.location=’新页面’" 来实现。
1.在原来的窗体中直接跳转用
代码如下 | 复制代码 |
window.location.href="你所要跳转的页面"; |
代码如下 | 复制代码 |
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跳转页面参考代码
代码如下 | 复制代码 |
第一种: <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> |
相关文章推荐
- js实现动态时间(setTimeout)
- js中数组的例子
- js中字符串的操作
- js文档对象模型(DOM)
- js实现复选框全选/全不选/反选
- 记录JavaScript学习第一天
- js中访问对象的方法
- JavaScript面向对象详解
- JavaScript知识总结<一>
- Chrome Json插件
- js(十)——dom模型
- extjs3里面的获取不到store内数值,采用store.on('load', function() {});不执行
- JS导出 excel(适用于ie内核浏览器)
- JSON数据解析之苹果原生
- js(九)——浏览器对象
- JavaScript强化教程——Native.js示例汇总
- 从头开始 启动开源电商项目jShop
- JavaScript 浏览器对象(三)
- JavaScript -- switch,case,break,default
- JavaScript概述