精华内容
下载资源
问答
  • window出到几了
    千次阅读
    2022-04-29 22:25:24

    某些浏览器(比如Chrome)出于安全和体验的考虑,会禁止直接在JS中使用 window.open(url) 打开新的窗口。但是如果使用 window.open(url,'_self') 改变当前窗口是允许的。
    禁止直接打开的原因就是非用户操作产生的新弹出窗口,会被认为这可能是一个广告,所以禁止了这种行为。

    但是在开发的时候, 有时候又的确存在需要使用的场景。从浏览器客户端来看,可以在浏览器客户端设置, 但是这种方式只能临时或单个机器解决。从代码层面上来看, 可以结局的方法有四种:

    1. 使用表单提交方式
    2. 使用标签 <a>或是按钮的onclick 事件
    3. 延迟打开
    4. 先打开页面, 再更改地址

    1. 使用表单提交方式

    创建一个表单元素, 设置相关属性。

    var form = document.createElement('form');
    form.action = 'xx';
    form.target='';
    form.method='';
    document.body.appendChild(form);
    form.submit();
    

    Ajax 下载文件就可以使用这种方式。

    2. 使用标签 <a>或是按钮的onclick 事件

    <a href="javascript:void(0) onclick="window.open(url)""></a>
    

    模拟点击

    function openurl(url) {
      var a = document.createElement('a');
      a.setAttribute('href', url);
      a.setAttribute('style', 'display:none');  
      a.setAttribute('target', '_blank');  
      document.body.appendChild(a);
      a.click();
      a.parentNode.removeChild(a);  
    }
    
    

    3. 延迟打开

    setTimeout('window.open(url);', 1000);
    

    4. 先打开页面, 再更改地址

    var newwindow=window.open('_blank'); 
    newwindow.location='http://www.baidu.com';
    

    也可以使用 window.location.assign(url) window.location.replace(url)



    更多相关内容
  •  'newwindow' //弹窗口的名字,非必须,可用空''代替; height=600 //窗口高度; width=900 //窗口宽度; top=0 //窗口距离屏幕上方的象素值; left=0 //窗口距离屏幕左侧的象素值; toolbar=no //是否显示...

    我们写的项目是后台管理的话,当在当前窗口打开一个新窗口

    1、方式1: window.location.href   

    例:

    
    window.location.href=`https://www.cnblogs.com/guorongtao/`; //在当前窗口中打开窗口vue中
    
    window.location.href="https://www.cnblogs.com/guorongtao/"; //js中
    
    类似于HTML:
     
    <a href="https://www.cnblogs.com/guorongtao/" title="测试1">Welcome Test1</a>

    2、方式2: window.open

    例:

     

    
    window.open(`https://www.cnblogs.com/guorongtao/`);      //在另外新建窗口中打开窗口vue中
    
    window.open("https://www.cnblogs.com/guorongtao/");      //在js中
    
    类似于HTEL:
     
    <a href="https://www.cnblogs.com/guorongtao/" title="测试2" target="_blank">Welcome Test2</a>

     指定参数:

    <script >
     
      var NewUrl = 'www.baidu.com' ;      
     
      window.open(NewUrl,'newindow','height=600,width=900,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
     
    </script > 

    参数说明:

    • NewUrl  //' 弹出窗口的地址; 
    • 'newwindow'   //弹出窗口的名字,非必须,可用空''代替; 
    • height=600 //窗口高度; 
    • width=900 //窗口宽度; 
    • top=0 //窗口距离屏幕上方的象素值; 
    • left=0 //窗口距离屏幕左侧的象素值; 
    • toolbar=no //是否显示工具栏,yes为显示; 
    • menubar,scrollbars //表示菜单栏和滚动栏。 
    • resizable=no //是否允许改变窗口大小,yes为允许; 
    • location=no //是否显示地址栏,yes为允许; 
    • status=no //是否显示状态栏内的信息,yes为允许;

     3、方式3 window.showModalDialog (部分浏览器不支持)

    var URL='https://www.cnblogs.com/guorongtao'
     
    window.showModalDialog(URL,'','DialogLeft:170px;DialogTop:130px;DialogWidth:930px;DialogHeight:753px;status:no;help:no');

    原型:

    vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 

     

    参数说明:

    •  sURL  //必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
    •  vArguments  //可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
    •  sFeatures  //可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
    •  dialogHeight// 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
    •  dialogWidth: //对话框宽度。
    •  dialogLeft: //距离桌面左的距离。
    •  dialogTop: //离桌面上的距离。
    •  center: {yes | no | 1 | 0 }://窗口是否居中,默认yes,但仍可以指定高度和宽度。
    •  help: {yes | no | 1 | 0 }://是否显示帮助按钮,默认yes。
    •  resizable: {yes | no | 1 | 0 } [IE5+]://是否可被改变大小。默认no。
    •  status: {yes | no | 1 | 0 } [IE5+]://是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
    •   scroll:{ yes | no | 1 | 0 | on | off }://指明对话框是否显示滚动条。默认为yes。

    另外几个属性用在HTA中的,在一般的网页中一般不使用。

    •   dialogHide:{ yes | no | 1 | 0 | on | off }://在打印或者打印预览时对话框是否隐藏。默认为no。
    •   edge:{ sunken | raised }://指明对话框的边框样式。默认为raised。
    •   unadorned:{ yes | no | 1 | 0 | on | off }://默认为no。

    4、Window 其他参考 

    • window.open() - 打开新窗口
    • window.close() - 关闭当前窗口
    • window.moveTo() -移动当前窗口
    • window.resizeTo() -重新调整当前窗口

     

    展开全文
  • window弹窗的种形式

    千次阅读 2019-12-03 11:25:09
    window对象的方法中,弹对话框的种方法的区别。 1.confirm window.confirm('dididi') confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。 如果访问者点击"确定",此方法返回true,否则...

    window对象的方法中,弹出对话框的几种方法的区别。

    1.confirm

    window.confirm('dididi')

    confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。

    如果访问者点击"确定",此方法返回true,否则返回false。

     

    2.prompt(msg,defaultText)

    msg可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。

    defaultText可选。默认的输入文本。

    window.prompt('dididi')

    prompt()方法用于显示可提示用户进行输入的对话框。

    这个方法返回用户输入的字符串。

     

    3.open

    window.open()

    打开一个新的空白页面。

    window.open(URL,name,specs,replace)

    URL:可选,打开指定的页面URL,如果没有指定URL,打开一个新的空白窗口。

    name:可选,指定target属性或者窗口的名称,支持以下值:

    _blank-URL加载到一个新的窗口。这是默认

    _parent-URL加载到父框架

    _self-URL替换当前页面

    _top-URL替换任何可加载的框架集

    name-窗口名称

    specs:可选,一个逗号分割的项目列表。支持以下值:

    详见:https://www.runoob.com/jsref/met-win-open.html

    replace:Optional.Specifies规定了装载到窗口的URL是在窗口的浏览器历史中创建的一个新条目,还是替换浏览历史中的当前条目,支持下面的值:

    true-URL 替换浏览器历史中的当前条目。

    false-URL在浏览器历史中创建新的条目。

     

     

     

     

    展开全文
  • 使用 window.open 打开新窗口

    千次阅读 2021-11-21 16:49:45
    打开新窗口的方式有哪些 在链接上单击右键,然后选择「在新窗口打开链接」或者「在新标签打开链接」 按住键盘上的 Ctrl/Command ...let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatur

    打开新窗口的方式有哪些

    • 在链接上单击右键,然后选择「在新窗口打开链接」或者「在新标签打开链接」
    • 按住键盘上的 Ctrl/Command 单击链接,新标签打开链接
    • <a href="...." target="_blank">
    • window.open()

    下面仅介绍window.open的使用

    window.open 的参数介绍

    语法:

    let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatures]);
    

    参数说明:

    • strUrl:可选,新窗口需要载入的url地址strUrl可以是web上的html页面也可以是图片文件或者其他任何浏览器支持的文件格式。
    • strWindowName:可选,新窗口的名称。该字符串可以用来作为超链接 <a> 或表单<form> 元素的目标属性值。字符串中不能含有空白字符。注意:strWindowName 并不是新窗口的标题。
    • strWindowFeatures:可选,列出新窗口的特征(大小,位置,滚动条等)作为一个DOMString

    第一个参数,如果没有指定URL,打开一个新的空白窗口。

    第二个参数指定target属性或窗口的名称。支持以下值:

    • _blank URL加载到一个新的窗口。这是默认
    • _parent URL加载到父框架
    • _self URL替换当前页面
    • _top URL替换任何可加载的框架集
    • name 窗口名称,相同名称会直接替换显示页面

    第三个参数我们用的比较少,详细说明可参考
    window.open 参数3介绍

    使用示例

    下面的示例仅在chrome浏览器测试。

    window.open使用示例

    参考

    展开全文
  • WPF 解决弹ActiveMovie Window的问题

    千次阅读 2019-01-08 17:47:01
    一般常用方法有以下种: 1、卸载格式工厂(或其他类似软件),重启电脑 2、通过编写代码,修改为VMR9 3、安装完美解码软件,或安装K-Lite工具包(K-Lite Codec Pack) 4、升级摄像头驱动   不一般的绝密解决...
  • window系统cmd的常用条指令

    万次阅读 2021-03-19 17:38:15
    window系统: ping、telnet 可用来检查是否联网或是否联通某主机(ip): ping www.baidu.com = ping 14.215.177.38 telnet www.baidu.com 80 = telnet 14.215.177.38 80 用telnet必须指定端口 dir = Linux系统的...
  • Android之window机制token验证

    千次阅读 多人点赞 2020-10-13 20:46:55
    这篇文章讲解关于window token的问题,同时也是Context机制和Window机制这两篇文章的一个补充。如果你对Android的Window机制和Context机制目前位了解过,强烈建议你先阅读前面两篇文章,可以帮助理解整个源码的解析...
  • window8之前,人们可能需要下载比较专业的软件,比如 VMware。之后系统已经自带这样的功能,但是仅限于专业版本可使用,也就是说大部分家庭版本无法使用window自带的虚拟机,今天我们就来解决一下这个问题。 1、...
  • window.open()打开窗口的种方式

    万次阅读 2021-08-08 08:16:53
    window.open("要跳转的网址", "跳转形式或者名字", "给窗口添加新的的属性(字符串形式)"); window.open("###", "_blank","height=600, width=600, top=50, left=50, toolbar=no, menubar=no, scrollbars=no, ...
  • 主要思路就是,先添加一个window隐藏显示,等需要弹时显示,并将需要移动的Item的父类更改为子窗口 main.qml  import QtQuick 2.6 Rectangle { property alias mouseArea: mouseArea property alias textEdit...
  • location.href和window.open的种用法和区别

    万次阅读 多人点赞 2018-09-18 15:47:05
    一、location.href常见的种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 ...
  • Android | 理解Window 和 WindowManager

    千次阅读 2022-03-18 11:23:35
    Window 是一个窗口的概念,是所有视图的载体,不管是 Activity,Dialog,还是 Toast,他们的视图都是附加在 Window 上面的。例如在桌面显示一个悬浮窗,就需要用到 Window 来实现。WindowManager 是访问 Window 的...
  • ​ 最近在用postMessage做demo时候发现无论怎么都接收不页所发的消息,以为是弹的方式有问题遂尝试改动了好种弹方式都不生效,最后查阅了MDN后发现标准的用法应当是。。。
  • 一、location.href常见的种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 ...
  • IE window.open() 弹新窗口设置

    千次阅读 2019-05-09 22:23:39
    第一步:工具 - Internet 选项 第二步:选项卡- 设置 第三步:遇到弹窗口时- 选第一或者第二个
  • hello你好我是辰兮很高兴你能来阅读,最近一直在做更前端相关的业务,这里来整理一下我们文件下载常见一些问题,以及解决思路,分享获取新知,大家一起进步! 最近遇到了挺多关于下载文件的问题,来整理一下问题...
  • Android全面解析之Window机制

    万次阅读 多人点赞 2020-09-01 20:55:54
    带你认识最本质Android的window机制
  • window的文件复制Linux中的方法

    万次阅读 2020-10-16 09:53:13
    window的文件复制Linux中一、将VMware升级15以上复制方法三级目录 一、将VMware升级15以上 如果你已经是15版本以上,就可以跳过此步骤; 不是的话,也不要着急,小编准备了15以上版本,需要的话可以去网盘...
  • window.open 可实现以对话框形式弹画面,并且关闭画面时刷新父页面。但“对话框置顶,不可操作其他画面”本人并未找到方法。 //刷新父页面 Response.Write("&lt;script&gt;window.opener.location....
  • 浏览器对象的使用(window对象)

    千次阅读 2020-12-19 00:08:01
    window对象是BOM的核心,window对象指当前的浏览器窗口。window对象方法:注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。1、JavaScript 计时器在JavaScript中,我们可以在设定的时间间隔...
  • layui-iframe获取不到window对象的问题

    千次阅读 2019-08-05 15:22:30
    总有一些基础配置, 并且各种配置还挺多的, 现在用的layui框架, 基本配置都设置好的, 但是最近遇到一个问题, 就是, 同一个js处理table, 在编辑的时候, 用到了layui.open(), 同一个js文件 代码一模一样, 但是了问题...
  • Flink Window机制详解

    万次阅读 2019-03-19 11:41:27
    而窗口(window)就是从 Streaming Batch 的一个桥梁。Flink 提供了非常完善的窗口机制,这是我认为的 Flink 最大的亮点之一(其他的亮点包括消息乱序处理,和 checkpoint 机制)。本文我们将介绍流式处理中的...
  • window.onload()方法和window.onscroll()方法

    千次阅读 2020-11-17 23:06:31
    下面是对window对象中 window.onload()方法和window.onscroll()方法的整理,希望可以帮助有需要的小伙伴 JavaScript window对象 BOM中最核心的对象就是Window对象 window对象是浏览器窗口中的顶级(全局)对象 ...
  • 项目中有个需求需要弹窗新窗口显示页面,但是又不想浏览器重复弹窗很多个,希望点击按钮...window.open(URL,name,specs,replace); window.open(location.origin+'/tf#/screen',true) 这样就可以了,完美解决! ...
  • window.open()方法(弹层)

    千次阅读 2014-12-23 09:51:29
    1, 最基本的弹窗口代码  window.open('page.html'); 2, 经过设置后的弹窗口  window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, ...
  • tmux关闭某个不响应的窗口(window)

    千次阅读 2020-11-05 10:30:31
    在使用tmux过程中,难免会遇到某个窗口不响应或很长...1、先列所有的session及每个窗口的个数: tmux ls 2、找到自己的session并删除不响应的窗口: tmux kill-window -t 2 #关闭当前tmux的第2个窗口 ...
  • window.parent

    千次阅读 2018-10-31 16:01:50
    window.parent 在jsp中我们经常会看见window.parent这个方法,那么他究竟是做什么的,有什么用处,我们可以拿它做些什么事情呢? 下面是博主的理解: window 指当前的页面 parent 指这个页面的父页面 看到这,...
  • window.open()打开页面的种方法

    千次阅读 2018-04-20 09:11:20
    一般情况下,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,认为你将弹广告等用户不想得到的窗体,所以如果不想让浏览器拦截你,你可以将这个函数改为用户点击时触发,这样浏览器就...
  • if (window.opener &amp;&amp; !window.opener.closed) { window.parent.opener.location.reload(); } window.close(); return false; } 其它方法可借鉴: window.opener用法 ...
  • JavaScript中的window对象详解

    千次阅读 2021-09-08 21:10:09
    1.window对象简介 (1)在JavaScript中,一个浏览器窗口就是一个window对象。 (2)一个窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,document对象是window对象的子对象。 window对象的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 726,368
精华内容 290,547
热门标签
关键字:

window出到几了