公正地讲... 先说说这事儿， 很多小伙伴写网页的时候，都想把一个按钮点了以后先干点活儿，然后再去别的地址这个。可是有时候写里套或者直接在上面加href属性， 后来啊页面一跳过去，js根本没来得及施行。

一、 最常见的坑

1️⃣ 把放进

2️⃣ 给或者

3️⃣ 有的同学用javascript:void来“骗”浏览器， 但忘记在函数里手动location.href，后来啊点了啥也不干。

二、 最蠢却最直接的办法——纯JS控制跳转

最终的最终。 把href删掉，只剩或者然后在onclick里再说说一句写：

window.location.href = 'newpage.html';

这样先跑完前面的代码，再去新页面。

三、 代码实例

方式一：inline onclick + 手写跳转

下面这个例子就是把所有东西都塞进HTML属性里看起来很乱但能跑：，不如...

方式二：外部JS + addEventListener

去新页

四、如果一定要保留

其实可以把

五、常见错误集合

• 忘记加分号导致后面的代码不施行。
• "window.location=URL;"写成了"window.location;"报错。
• "document.getElementbyId"大小写错了。
• "setTimeout"里面用了箭头函数，但是老IE不认识。
• "href='javascript:void'"后面又加了"#"，导致两次跳转奇怪。

六、 兼容性小技巧

是个狼人。 - IE8以下别用addEventListener，用attachEvent； - 用innerHTML改内容时记得先判断元素是否存在否则报null错误。 - 想要在移动端防止双击闪屏， 可以在onclick里加event.stopPropagation;

要想按钮点下去既能跑js，又能换页，你就把href干掉，让js自己决定什么时候换页。最简单粗暴的方法就是：，他急了。

// 假设有个id叫myBtn
document.getElementById.onclick = function{
    // 你的业务逻辑...
    alert;
    // 再说说强行跳转
    location.href = 'next.html';
};

注意：实际项目中最好不要把业务逻辑和导航混在一起，这样维护会更容易。 正宗。 但如果你只想快速搞定一个小功能，上面这种烂代码也能跑通。

本文为非专业人士随手写的“烂文”，仅供参考。若有错误，请自行纠正或留言指正。欢迎复制转载，但请保留原作者信息，CPU你。。