HTML中有一个button,如何让它点击后跳转到指定页面或动作

哈哈，你说的场景，我2 008 年刚入行的时候，也经历过类似的陷阱。

当时，我正在为一家小企业开发一个网站，我的老板让我添加一个可以通往他们淘宝店的按钮。
我只是用了你说的方法，加了一个按钮，写了JS就搞定了。
结果呢？一位老客户使用的是IE6 ，点击按钮没有反应。
他问我怎么了。
我当时很困惑。
显然这在我的电脑上没问题。
后来了解到IE6 对JavaScript的支持特别差，需要添加一些兼容代码。
你生气不生气？
虽然你提到的方法目前在大多数情况下是可行的，但特殊情况下你需要多考虑一下。
就像去年一样，我帮助一位朋友在上海创建了一个活动页面。
有一个上传文件的按钮。
我没有直接使用跳转，而是使用了表单提交的方式。
原来，移动设备还需要添加文件选择兼容流程。
他们一一谈论这些陷阱。

总之，你说的方法是正确的。
您只需要知道何时使用它们以及何时更改它们。
这取决于所获得的经验。
如果您有任何具体问题，请随时问我。
虽然我可能不知道一切，但至少我不会欺骗你。

在html中怎样实现按下一个按钮后跳转到另一页面？

坦白说，这两种方法在点击提交表单后都可以跳过，但选择哪一种取决于您的具体需求。

先说最重要的一点：使用表单动作跳转更加简单直接，适合提交表单后需要重定向到新页面的场景。
比如我们去年开展的项目，用户下载文件后，直接在下载页面进行操作，在3 000规模下没有任何问题。
还有一点是，操作是浏览器原生的，兼容性绝对稳定，不管浏览器有什么怪癖。
还有另一个关键细节。
动作跳转是整个表单数据的重新提交。
如果该操作不是指向新页面而是指向同一页面上的其他处理逻辑，则可能会发生数据丢失。
起初我认为动作和点击是可以互换的，但后来我发现这是错误的。
onclick可以做更灵活的操作，比如弹出确认框然后跳转，或者将数据保存到localStorage而不是直接发送。
但说实话，这很棘手。
当你使用onclick跳转时，表单默认的提交行为消失。
您必须手动停止它，否则将发送两个请求。

一个容易陷阱的提醒：如果使用action来跳转，但action地址错误，浏览器会直接报4 04 ，用户体验极差。
建议在开发环境中多测试几次。

html页面验证用户名和密码并且点击自己制作的登陆按钮跳转到另外一个页面

结论：纯 HTML 和 JavaScript 实现用户名和密码验证，无需表单或数据库。
步骤如下：
1 ．分别为用户名和密码输入字段设置用户名和密码等id属性。
2 . 添加登录按钮，并将ID设置为chkBtn。
3 .编写JavaScript监听按钮点击事件：
获取用户名和密码值。

确认输入。

如果验证通过，页面将被重定向。
如果检查失败，则会抛出错误。
4 . 在浏览器中运行测试。

代码示例：
<input type="text" id="username" value=""> <输入类型=“密码”id=“密码”值=“”> <button type="button" name="chkBtn" id="chkBtn">登录</button>
[xss_clean] document.getElementById('chkBtn').addEventListener('click', function() { var 用户名 = document.getElementById('用户名').value; var 密码 = document.getElementById('password').value; if (用户名 === 'admin' && 密码 === '1 2 3 4 5 6 ') { _window.location.href = '登陆页面。
'; } 否则{ alert('用户名或密码错误！'); } }); [xss_clean]
不需要任何表单，可以直接使用 DOM 对象进行验证。