js模拟A标签实现自动跳转如何兼容safari浏览器??

本意是想用js动态创建一个A标签,然后赋URL地址。再触发其点击事件,让其在新标签页打开。

代码如下:

    var a = document.createElement('a');

    a.id = 'demo';

    a.href = 'http://www.baidu.com';

    a.target = '_blank';

    document.body.appendChild(a);

    document.getElementById('demo').click();


这样在其他浏览器下都可以自动在新标签页打开百度。但在safari下不行。后来在网上搜索下了有关问题的解释,有同学说是safari下的A标签默认是没有绑定事件的,后来我就改成如下代码:

   

    var a = document.createElement('a');

    a.id = 'demo';

    a.href = 'http://www.baidu.com';

    document.body.appendChild(a);


    var e = document.createEvent('MouseEvent');     

    e.initEvent('click', false, false);     

    document.getElementById("demo").dispatchEvent(e);

这样在safari下确实能跳转,但加上【a.target = '_blank';】后就不能跳转了。



不知道是不是有大神也遇到过这种情况???


我用过window.open方法,但也因为safari的安全机制。无法实现跳转。

或者有没有其他的实现跳转的方式??


孤单左手
浏览 14048回答 1
1回答

法王2024

打开Safari> 偏好设置 > 安全    拦截弹出式窗口去勾选就好了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript