window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法

实现网页跳转一般有两种方式：使用链接元素（<a>）或通过JavaScript修改window.location属性。但有时候，这两种方式都可能失败，如当链接元素的href属性值是JavaScript时，点击该链接时，页面不会发生跳转。或是在使用JavaScript的window.location.href属性跳转的过程中，我们想要弹出提示框或者执行其他逻辑操作，此时使用onclick事件会更加方便。

以下是具体方法：

解决方法之一：重写href属性

对于链接元素的问题，可以通过重写href属性来解决。如下所示：

<a href="javascript:;" onclick="location.href = 'http://www.example.com'">跳转</a>

其中，href属性设置为javascript:;可阻止链接的默认跳转行为，而onclick事件则将location.href属性设置为目标的URL。

另外，可以使用return false来阻止链接的默认行为：

<a href="javascript:;" onclick="location.href = 'http://www.example.com'; return false;">跳转</a>

解决方法之二：使用setTimeout

对于使用JavaScript的window.location.href属性跳转的问题，可以使用setTimeout来延迟跳转，并在延迟期间执行其他操作。如下所示：

<a href="#" onclick="setTimeout(function(){location.href='http://www.example.com'}, 1000); alert('Before redirecting!');">跳转</a>

在点击链接后，会先弹出提示框，等待1秒后才会跳转到目标URL。

这种方式需要使用匿名函数来包裹location.href的赋值操作，并将延迟时间作为参数传入setTimeout函数。

需要注意的是，在使用上述两种方法时，要注意跳转的URL是否是有效的、能够成功访问的。