Javascript打开新窗口的几种方法


关键词

JavaScript 打开新窗口

摘要

本文介绍在JavaScript中打开新窗口的一些常规方法和非常规的方法,常规的打开新窗口的方式已经被越来越多的软件屏蔽了,我们就要走非常规的办法。

1、window.open

第一种打开新窗口的方法,也是JavaScript提供的常规方法,open方法。代码如下:

function openWin(url)  
{
    window.open(url);
}

这种方法各种安全软件,甚至是浏览器本身都带屏蔽功能了。

2、遮罩型A标签

创建一个A标签,它不可见,但它在整个文档的上面,直接点击,一定点到它。
function openWin2(url){
    var clientHeight=document.body.clientHeight;
    var str = "<a id=fullscreena href=" + url + " target=\"_blank\"";
    str += "style=\"display:block;position:absolute;top:0px;left:0px;width:100%;height:" + clientHeight +"px;z-index:99999;\"";
    str += " onclick=\"$(\'#fullscreena\').remove();\"></a>";
    document.write(str);
}

调用时,直接openWin2("http://www.splaybow.com"),不要用window.onload=openWin2;因为一是不能带参数,二是onload会触发加载,页面会有问题。

3、隐藏点击的A标签

创建一个A标签,它出现0.1秒,被点击后,又自己走路。来无影,去无踪。

function openWin3(url){
    var str = '<a id="hiddena" href="' + url + '" target="_blank" style="display:none;">a</a>';
    //document.write(str); //注意,这里不能用document.write,否则页面会被刷新
    $(str).appendTo("body");    //用jQuery把A标签插入到body最后
    document.getElementById("hiddena").click();    //触发A标签的点击
    $("#hiddena").remove();    //用jQuery把A标签删除掉
}

以上三种javascript打开新窗口的方法中,第二种方法和第三种方法暂时没有被相关软件屏蔽。可以放心使用。

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:Javascript打开新窗口的几种方法:http://www.splaybow.com/post/javascript-open-window-method.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程中有任何疑问,洪哥以此为饭碗,请加QQ:115085382!
了解更多好文章,请关注我们的新浪微博和腾讯微博
亲,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« Javascript获取Cookie的函数 让模式窗口提交表单不要打开新窗口 »