最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js点击button按钮跳转到页面代码
时间：2022-11-14 22:02:44 编辑：袖梨 来源：一聚教程网
点击按钮怎么跳转到另外一个页面呢？我们在网站制作中可能是需要的，因为有时我们需要做这样的效果，尤其是将按钮做成一个图片，而点击图片要跳转到新的页面时，怎么做到呢？
这样的效果可以：onclick="window.location=’新页面’" 来实现。
1.在原来的窗体中直接跳转用
| 代码如下 | 复制代码 |
|
window.location.href="你所要跳转的页面"; |
|
2、在新窗体中打开页面用：
| 代码如下 | 复制代码 |
|
window.open('你所要跳转的页面'); window.history.back(-1);返回上一页 |
|
代码是：
| 代码如下 | 复制代码 |
如果要在点击按钮提交时验证输入款是否填入了内容，要怎么做呢？当用户名输入或者其它的为空的时候，点击按钮不提交，可以按下列的方法做。
| 代码如下 | 复制代码 |
|
if(!document.form_name.username.value) { alert("请输入用户名！"); document.form_name.username.focus(); return false; }else document.form_name.action="aaa.htm"; } |
|
这样的话，当空值时，点击按钮还是不会跳转到另外的页面呢？这样就达到了效果了。
JS跳转页面参考代码
| 代码如下 | 复制代码 |
|
第一种： ＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝ |
|
相关文章
- 三国志8重制版武将名声提升方法分享 11-01
- 三国志8重制版武将名声作用介绍说明 11-01
- 暗喻幻想铁拳碎骨获取方法攻略分享 11-01
- 暗喻幻想盾珊瑚长枪获取方法分享 11-01
- 暗喻幻想暗杀刀血樱获取方法分享 11-01
- 暗喻幻想立方体石膏获取方法分享 11-01