js点击button按钮跳转到另一个新页面_JSonclick事件打开一个新网页 - CSDN文库

131 浏览量更新于2023-05-03 评论 1 收藏 35KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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(//www.jb51.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’;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38637580

粉丝: 3
资源: 917

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈