javascript打开新页面的方法

方案一:

A标签:

这里要注意target的设置，_Blank是指新窗口，也可以用js来模拟创建。

<a href="http://www.cnblogs.com" target="_Blank">地址</a>

缺点：不方便传参。

方案二：

form表单提交。

表单提交有两种方式，一是写html标签，二是用js来模拟form提交，

这里用js的方式实现。

    formSubmit: function (url, data) {
        var form = document.createElement("form");

        form.id = "tempForm";
        form.method = "post";
        form.action = url;
        form.target = '_blank';

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

        input.type = "hidden";
        input.name = "model"
        input.value = data;

        form.appendChild(input);
        document.body.appendChild(form);

        form.submit();

        document.body.removeChild(tempform);
    }

推荐使用这种试，参数,method设置也方便

方案三：

window.open()

具体用法：

window.open('page.html', 'windowname', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码
   参数解释：
      window.open 弹出新窗口的命令； 
　　'page.html' 弹出窗口的文件名； 
　　'windowname' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 
　　height=100 窗口高度； 
　　width=400 窗口宽度； 
　　top=0 窗口距离屏幕上方的象素值； 
　　left=0 窗口距离屏幕左侧的象素值； 
　　toolbar=no 是否显示工具栏，yes为显示； 
　　menubar，scrollbars 表示菜单栏和滚动栏。 
　　resizable=no 是否允许改变窗口大小，yes为允许； 
　　location=no 是否显示地址栏，yes为允许； 
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

如果需要设置新窗口的属性那就使用这种方式。

转载于:https://www.cnblogs.com/hankuikui/p/6668721.html