• 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为允许;

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

  • 相关阅读:
    clientWidth和offsetWidth区别 e.pageX和e.clientX区别
    vue笔记(七)组件的生命周期
    vue笔记(七)网络封装
    vue笔记(六)自定义消息弹出
    vue笔记(五)插槽. 路由
    组件中的样式问题,穿透和scale占位, 引入静态资源
    python基础-迭代器
    python基础-装饰器
    python基础-函数对象和闭包
    python基础-名称空间与作用域
  • 原文地址:https://www.cnblogs.com/hankuikui/p/6668721.html
Copyright © 2020-2023  润新知