html按钮跳转页面-js点击按钮跳转到另一个页面

2023-08-26 0 1,826 百度已收录

如何通过点击按钮跳转到另一个页面? 我们在网站制作中可能会需要它html按钮跳转页面,因为有时候我们需要做这样的效果,尤其是当按钮做成图片的时候,点击图片跳转到新页面的时候,怎么做呢?

这种效果可以通过:onclick="window.location='new page'"来实现。

1.直接跳转原形式使用

代码如下所示

window.location.href="您要跳转到的页面";

2. 使用以下命令以新表单打开页面:

代码如下所示

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

window.history.back(-1); 回到前面的页面

代码如下所示

html按钮跳转页面-js点击按钮跳转到另一个页面

如果您想在点击提交按钮时验证输入的付款是否已填写,该怎么办? 当用户名输入完毕或者其他为空时,点击按钮不提交,可以通过以下方式进行。

代码如下所示,

<input type="submit" name="submit" οnclick="open()">

fuction open(){
if(!document.form_name.username.value) {
alert("请输入用户名!"); document.form_name.username.focus(); return false;
}else document.form_name.action="aaa.htm";
}

html按钮跳转页面-js点击按钮跳转到另一个页面

这样的话,当值为空时html按钮跳转页面,点击按钮就不会跳转到其他页面了? 这样就达到了疗效。

JS跳转页面参考代码

代码如下所示

首先:

第二种:

第三种:

第四种:

第五种:

======Javascript弹出选择框跳转到其他页面=====

html按钮跳转页面-js点击按钮跳转到另一个页面

<script language="javascript">

=====Javascript弹出提示框跳转其他页面=====

<script language="javascript">

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html按钮跳转页面-js点击按钮跳转到另一个页面 https://www.wkzy.net/game/152068.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务