百分百的弹出窗口

80酷酷网    80kuku.com

  弹出窗口

优点:兼容性很好,而且俺觉得不应该有什么拦截工具可以拦截下来
优点:代码非常短
缺点:必须在页面点击后才会弹出

demo:

运行代码框

    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

说明:

1.为了保证页面中的 img 不会出现丑陋的边框

<style>
#link001 img { border-style:none; }
</style>

2.保证窗口只弹出一次

<script>
function cancelOpenNew(){
 if(!window.event){setTimeout(cancelOpenNewA,1000);return;}
 var obj=window.event.srcElement;
 if(!obj)return;
 if(!obj.tagName)return;
 if(String(obj.tagName).match(/input|select|option|textarea/i))return;
 setTimeout(cancelOpenNewA,1000);
}

function cancelOpenNewA(){document.body.appendChild(document.getElementById('MainDiv001'));}
</script>

3.这个结构是弹窗的根本---其实只不过是个 target="_blank" 的链接而已,拦截程序要是连这个都要拦,俺也无话可说

<body>
<a href="" target="_blank" id="link001" text-decoration:none; cursor:default; display:block;" hidefocus="true">
<div id="MainDiv001">

4.千万不要忘记在页面结束的地方加上:

</div>
</a>
</body>



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: