百分百的弹出窗口

2008-02-23 08:01:02来源：互联网阅读 ()

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

demo:

运行代码框

<head> <style> #link001 img { border-style:none; } </style> <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> </head> <body> <a href="http://www.blueidea.com" target="_blank" onclick="cancelOpenNew();" id="link001" style="color:black; text-decoration:none; cursor:default; display:block;" hidefocus="true"> <div id="MainDiv001">  This is a test. <br> I try to put something here.<br> <input /> <br> <div > This is a div. </div> <ol> <li><img src="/info/upimg/allimg/080225/0727410.gif"/> And this</li> <li><img src="/info/upimg/allimg/080225/0727411.gif"/> is a list</li> </ol> <form> This is a Form. <input /><input type="checkbox" /> <input type="radio" name="hutia" value="1" /><input type="radio" name="hutia" value="0" /> <select><option>This is a select</option> <option>This is a select</option> </select> <textarea> And here is a textarea</textarea> <input type="button" value="button" /> <input type="submit" value="submit" /> <input type="reset" value="reset" /> </form> <iframe src="http://www.blueidea.com"></iframe>  </div> </a> </body>

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

说明：

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

2.保证窗口只弹出一次

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

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

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

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有