通过js事件触发<a>标签点击事件

最新推荐文章于 2023-06-01 10:48:25 发布

紫海367

最新推荐文章于 2023-06-01 10:48:25 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：触发<a>标签点击事件

本文链接：https://blog.youkuaiyun.com/abcdefg367/article/details/84524650

js 专栏收录该内容

49 篇文章

订阅专栏

本文介绍了一种在不同浏览器中实现点击链接跳转的方法。针对IE和其他支持DOM2标准的浏览器，提供了兼容性的解决方案，避免了在某些浏览器中可能出现的死循环等问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a href="javascript:void(0)" onclick="test();">ceshi</a>
通过网上查找得到： 

01
var comment = document.getElementsByTagName('a')[0];

02
            comment.href = "2.html";

03
            //alert(comment.href);

04
            if (document.all) {

05
             // For IE

06
            comment.click();

07
            } else if (document.createEvent) {

08
               //FOR DOM2

09
            var ev = document.createEvent('HTMLEvents');

10
             ev.initEvent('click', false, true);

11
             comment.dispatchEvent(ev);

12
             comment.click();
浏览器验证如下： 
IE验证没问题。火狐进入死循环。。。 
最终解决办法： 

01
var comment = document.getElementsByTagName('a')[0];

02
            comment.href = "2.html";

03
            //alert(comment.href);

04
            if (document.all) {

05
             // For IE

06
            comment.click();

07
            } else if (document.createEvent) {

08
               //FOR DOM2

09
            var ev = document.createEvent('HTMLEvents');

10
             //ev.initEvent('', false, true);

11
             comment.dispatchEvent(ev);

12
             comment.click();