博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js点击button按钮跳转到另一个新页面
阅读量:5137 次
发布时间:2019-06-13

本文共 1042 字,大约阅读时间需要 3 分钟。

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

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

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

代码如下

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

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

代码如下

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

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

代码如下

<input type="submit" name="Submit" value="同意" οnclick=window.open(http://www.jb51.net/)>

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

代码如下、

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

 

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中弹出选择框跳转到其他页面=====

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

 

转载于:https://www.cnblogs.com/zhujiabin/p/4915011.html

你可能感兴趣的文章
制作listView高效率万能适配器
查看>>
关于递归的初级理解
查看>>
[置顶] Servlet入门---张国亮--->总结心德第二季
查看>>
JSp动作指令
查看>>
多视图学习(multiview learning)
查看>>
K-近邻算法(KNN)
查看>>
java中==和equals的区别
查看>>
Windows程序的调用方法
查看>>
linux学习笔记三:文件系统
查看>>
wpf 动态得到label的宽度(无刷新情况)
查看>>
jquery的强大选择器
查看>>
分栏控制器
查看>>
Symmetric Tree
查看>>
Builder模式的几个要点
查看>>
Centos7安装配制VSftp基本(一)
查看>>
随机生成验证码
查看>>
WPF中动态创建DataTemplate
查看>>
hive优化
查看>>
MFC message routine
查看>>
分布式事务的CAP理论 与BASE理论
查看>>