zoukankan      html  css  js  c++  java
  • 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为允许;

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

  • 相关阅读:
    MySQL系列(二)
    MySQL系列(一)
    RabbitMQ的安装部署
    RabbitMQ原理介绍
    消息中间件metaq
    消息中间件之zookper安装部署
    ZooKeeper基本原理
    消息中间件剖析
    了解Node.js
    windows下使用Git
  • 原文地址:https://www.cnblogs.com/hankuikui/p/6668721.html
Copyright © 2011-2022 走看看