目前情况下我们使用window.open自动弹出窗口都会给浏览器拦截掉了,但我们会发现有些网站还是可以弹出窗口了,这种是如何实现的呢?下面一起来看一下基于jquery的做法。

在很多网站中,会有弹出窗口,通常采用window.open的方式,但是这个方式一般被浏览器给禁止了。这也是好事。现在的浏览器:360、猎豹、搜狗等等都标明自己的安全性、智能性、屏蔽各种广告,给了用户很好的体验,但是可苦了我们这些站长们啊。有广告还不显示出来,如何过活啊?

言归正传,如何用jquery强制弹出新窗口?

今天分享一个办法。

直接上代码:

【代码】

//打开新链接方法实现

function windowOpen(url, target){

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

      a.setAttribute("href", url);

      if(target == null){

          target = '';

      }

      a.setAttribute("target", target);

      document.body.appendChild(a);

      if(a.click){

          a.click();

      }else{

          try{

              var evt = document.createEvent('Event');

              a.initEvent('click', true, true);

              a.dispatchEvent(evt);

          }catch(e){

              window.open(url);

          }

      }

      document.body.removeChild(a);

  }

  //新窗口打开

windowOpen('http://www.splaybow.com/', '_blank');

  //当前窗口打开

windowOpen('http://www.splaybow.com/', '_self');

   

  

【思路】

其实做法很简单,首先模拟A标签点击打开新窗口,若失败再直接调用window.open方法。

【问题】

目前无法在异步的情况下调用该方法。如下:

代码如下

//以下做法将得不到期望的结果,会被浏览器阻止$.get("http://www.a.com/ajax",function(){

      windowOpen('http://www.splaybow.com/', '_blank');

  });

无法调用的原因是:浏览器中的javascript是单线程的。虽然$.get是ajax的一个方式,是异步的。但是这个异步只是一个模式,不是真正的浏览器异步线程。

关于jQuery强制弹出新窗口,本文就介绍这么多,希望对您有所帮助,谢谢!

03-16 00:04