js点击button按钮跳转到页面代码
来源:互联网 发布:里仁洞淘宝广告摄影 编辑:程序博客网 时间:2024/04/27 19:00
在网页中button按钮不具备a标签的属性了,如果我们要给button 按钮增加跳转事件我们可以在它的确onclick事件上点击跳转js来实现,下面我来给大家介绍一些常用的方法。
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢?
这样的效果可以: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跳转页面参考代码
代码如下复制代码第一种: <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点击button按钮跳转到页面代码
- js点击button按钮跳转到页面代码
- js点击button按钮跳转到页面代码
- js点击button跳转到另一个页面
- js点击button按钮跳转到另一个新页面
- js点击button按钮跳转到另一个新页面
- html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码
- thinkPHP传数组到模板页面volist每一列加一个button,点击按钮携带参数传给JS函数,跳转到不同的方法
- button按钮跳转页面
- 点击按钮跳转到另一个页面
- window里面点击一个button按钮实现页面跳转???
- 点击按钮页面跳转
- 点击按钮跳转页面
- js通过点击一个按钮跳转到一个查询页面--window.showModalDialog
- 点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数
- Javascript实现点击按钮跳转到新的页面
- thinkphp点击删除,或者修改,附带id 跳转到相应的页面的js 代码
- 按钮点击实现页面跳转
- 选择排序
- Java基础总结--Java编程环境变量配置
- SearchView使用笔记
- IT技术培训红火催生“积云速度”
- 列表多选配合取消和确定以及全选使用
- js点击button按钮跳转到页面代码
- 优秀网页设计的七条基本准则
- centos7 rpm安装或者升级mysql5.7
- 学IT技术女生学什么专业好?
- spring boot:使用@ConfigurationProperties注解加载配置文件
- 100多个G JavaWeb项目技术视频 高级开发工程师及架构师必备资料视频内容 5年辛苦积累~
- 从request获取各种路径总结
- mysql5.7官方文档翻译之:Installing MySQL on Unix/Linux Using Generic Binaries
- 信用时代:如何提升个人征信?