zoukankan      html  css  js  c++  java
  • (转载)HTML:模拟链接被按下,在新标签页打开页面,不使用window.open(可能被拦截)

    原文: http://www.cppblog.com/biao/archive/2010/08/21/124196.html

    当按下一个按钮时,想打开一个新的标签页,可以使用window.open去实现

    但是因为使用window.open在新窗口或者新标签页中打开页面,有可能被浏览器给拦截。
    为了解决这个问题,可以模拟链接被按下,然后打开链接。
    但是在jQuery中,使用a.click(), a.trigger('click')等都不会引起链接默认事件被执行。
    下面的代码模拟生成了链接点击事件,然后执行默认打开链接的事件。

    <html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>Title</title>
    
        <script src="jquery.js"></script>
        <script type="text/javascript">
        $(function() {
            $("#btn").click(function() {
                //var a = $('a')[0];
                var a = $("<a href='http://www.apple.com' target='_blank'>Apple</a>").get(0);
                
                var e = document.createEvent('MouseEvents');
                e.initEvent( 'click', true, true );
                a.dispatchEvent(e);
            });
        });
        
        </script>
    </head>
    
    <body>
        <input type="button" value="Go to Apple" id="btn">
    </body>
    </html>
  • 相关阅读:
    Promise
    ajax基础
    flex布局的盒子模型
    css3核心模块
    响应式开发
    HTML5标签及表单
    JS面向对象编程
    JS面向对象的编程
    ES5构造函数与ES6类
    类欧几里得算法
  • 原文地址:https://www.cnblogs.com/zjfazc/p/3359242.html
Copyright © 2011-2022 走看看