JS window 对象 打开新窗口

Window的Open方法,弹窗的特征【超详细篇】 本篇文章主要介绍在在JavaScript中window的OPen方法,弹窗的特征以及部分理论知识 在JavaScript中,window是一个全局对象,表示当前浏览器窗口或标签页。它包含了浏览器提供的许多方法和属性,用于操作窗口、文档和浏览器环境。可以通过window对象来访问和操作浏览器窗口的属性和方法,例如等。此外,window对象也是全局作用域的顶层对象,因此全局定义的变量和函数实际上成为了window对象的属性和方法。方法/属性描述弹出警告框,显示指定的消息弹出确认框,显示指定的消息 阅读详情
一、window.open()
window.open(URL,name,specs,replace)

功能描述:

  • 使用 window.open()方法既可以导航到一个特定的 URL,也可以打开一个新的浏览器窗口。

参数说明:

  • URL:可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口;
  • name:可选。指定target属性或窗口的名称。支持以下值:
            _blank URL加载到一个新的窗口。这是默认
            _parent URL加载到父框架
            _self URL替换当前页面
            _top URL替换任何可加载的框架集
            name 窗口名称
  • specs:可选。一个逗号分隔的项目列表。支持以下值:
            channelmode=yes|no|1|0是否要在影院模式显示 window。默认是没有的。仅限IE浏览器
            directories=yes|no|1|0是否添加目录按钮。默认是肯定的。仅限IE浏览器
            fullscreen=yes|no|1|0浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window,还必须在影院模式。仅限IE
    浏览器
            height=pixels窗口的高度。最小.值为100
            left=pixels该窗口的左侧位置
            location=yes|no|1|0是否显示地址字段.默认值是yes
            menubar=yes|no|1|0是否显示菜单栏.默认值是yes
            resizable=yes|no|1|0是否可调整窗口大小.默认值是yes
            scrollbars=yes|no|1|0是否显示滚动条.默认值是yes
            status=yes|no|1|0是否要添加一个状态栏.默认值是yes
            titlebar=yes|no|1|0是否显示标题栏.被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes
            toolbar=yes|no|1|0是否显示浏览器工具栏.默认值是yes
            top=pixels窗口顶部的位置.仅限IE浏览器
            width=pixels窗口的宽度.最小.值为100
  • replace:Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
            true URL 替换浏览历史中的当前条目。
            false URL 在浏览历史中创建新的条目。
二、示列

2.1 在指定窗口打开

//等同于< a href="http://www.wrox.com" target="topFrame"></a> 
window.open("http://www.wrox.com/", "topFrame"); 

2.2 设置打开窗口测参数

window.open("http://www.wrox.com/","wroxWindow", 
 "height=400,width=400,top=10,left=10,resizable=yes"); 

2.3 关闭新开的窗口

var wroxWin = window.open("http://www.wrox.com/","wroxWindow", 
 "height=400,width=400,top=10,left=10,resizable=yes"); 
//调整大小
wroxWin.resizeTo(500,500); 
//移动位置
wroxWin.moveTo(100,100); 
调用 close()方法还可以关闭新打开的窗口。
wroxWin.close();
Unity-TextMeshPro如何扩展材质实现字体Face+Outline流光效果 前言 TexeMeshPro 是Unity的一个Text文本插件,实现了比UGUI的Text,更好看的效果,跟高效的性能,所以深受大家的喜欢,但是再好的插件,也不是万能的,比如我们的策划有个新需求,要我们的VIP的名字比普通玩家有更好看的效果,例如:字体流光,外发光颜色扰动,字体贴图等等。那我们就需要去扩展TextMeshPRo的shader功能了。如下图所示 本文,我就带大家一起来扩展一下:如何扩展TextMeshProUGUI TextMesh原始面板 扩展功能后的面板 扩展TextMeshPro 阅读详情

相关推荐

vue中使用video-player视频插件,第一次无法监听父组件穿过来的值解决办法

需求: 页面![在这里插入图片描述](https://img-blog.csdnimg.cn/20201208141906802.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FfOTg4OA==,size_16,color_FFFFFF,t_70) 作品清单是从后端请求回来的不同格式的url,前端需求根据后缀动态判断格式,然后对齐进行下载和

A_9888的博客 769

window.open方法详解

window.open()是 JavaScript 中的一个方法,用于在浏览器中打开新窗口或标签页。它允许你以编程方式控制新窗口的大小、位置、URL、工具栏、菜单栏等属性。:要在新窗口中加载的文档的 URL。这是一个必需的参数。:新窗口的名称,用于标识新窗口。如果指定相同的名称,它将在同一个窗口中打开。如果留空或设置为"_blank",将在新窗口或标签页中打开。这是可选参数。:一个包含各种窗口特性的字符串,如大小、位置、工具栏、菜单栏等。这是可选参数。:一个布尔值,指示是否替换浏览器历史中的当前文档。

m0_47791238的博客 7669

UCOS-III 系统移植

UCOSIII系统移植到GD32F303详细过程 工程代码:https://github.com/jslaobing/techIot_ucosiii_porting

TechIoT - 探索物联网与嵌入式系统 2087

使用 window.open 打开新窗口

打开新窗口的方式有哪些 在链接上单击右键,然后选择「在新窗口打开链接」或者「在新标签打开链接」 按住键盘上的 Ctrl/Command 单击链接,新标签打开链接 <a href="...." target="_blank"> window.open() 下面仅介绍window.open的使用 window.open 的参数介绍 语法: let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatur

龙衣 1万+

[医学图像分割综述] Medical Image Segmentation Using Deep Learning: A Survey

本综述有两个独创之处,首先,与传统的调查方法直接将医学图像分割的文献划分为多个组,并对每个组详细介绍文献的方法相比,我们将目前流行的文献按照从粗到细的多层次结构进行分类。其次,本文重点研究了监督学习和弱监督学习方法,但未包括无监督方法,这种方法目前在医学图像领域并不流行。对于监督学习方法,我们从骨干网络的选择、网络块的设计和损失函数的改进三个方面对文献进行了分析。对于弱监督学习方法,我们分别根据数据增强,迁移学习和交互式分割研究文献。与已有的调查相比,本次调查的文献分类与以往有很大的不同,更便于读者了解相关

qq_38932073的博客 4万+

①电子产品拆解分析-暖手宝

电子产品拆解分析-暖手宝 ①按键三档调温暖手; ②长按进入氛围呼吸灯; ③安卓接口充电以及支持USB输出;

a6662580的博客 5295

window.open和vue router新开页面

打开新页面,并实现在新开页面中携带参数,可以使用 URLSearchParams 对象,进行参数的拼接和解析,vue router跳转新页面和window.open都可以,三种方式适应于不同场景。以上是几种常在开发中使用的几种跳转和新开页面的方式,关于router,在后续里更深入学习。

鹤渺的星球 1万+

K230目标识别数字提问:模型只能识别近距离的目标,稍远一点就无法正确检测...如何解决?

🏆 本文收录于《全栈Bug调优(实战版)》专栏,致力于分享我在项目实战过程中遇到的各类Bug及其原因,并提供切实有效的解决方案。无论你是初学者还是经验丰富的开发者,本文将为你指引出一条更高效的Bug修复之路,助你早日登顶,迈向财富自由的梦想🚀!同时,欢迎大家关注、收藏、订阅本专栏,更多精彩内容正在持续更新中。让我们一起进步,Up!Up!Up!    备注: 部分问题/难题源自互联网,经过精心筛选和整理,结合数位十多年大厂实战经验资深大佬经验总结所得,数条可行方案供所需之人参考。

**My Coding Family** 1901

js 打开页面的方法总结

1.window.open,2.location.hrer,3.location.repalce,4.a标签跳转,页面窗口跳转方法总结

cx18333的博客 1万+

uniapp [安卓苹果App端] - 实现微信支付功能+拉起微信付款支付后返回本app页面,详解uniApp如何唤起本机微信app并跳转到支付页面全流程及示例源码(uniapp实现微信支付,可打包)

uni-app项目在APP端使用微信支付功能,uniapp前端实现微信支付,uniapp开发安卓App对接微信支付,uniapp苹果ios唤起微信支付,uniapp调用微信支付uniapp开发app-调用微信支付,uniapp开发安卓苹果app如何接入微信支付,前后端应该怎么做,UniApp中实现微信支付功能,支付报错,调起失败没响应,uniapp苹果微信支付唤起实现,app唤起微信支付,拉起微信支付,uniapp中唤醒微信进行支付并返回app,uniApp调起微信支付失败报错,全网最详细的uniapp微信

🏆 前端领域优质创作者 1万+

【git】git: ‘interpret-trailers’ is not a git command. See ‘git --help’

cents 7.6系统. yum源安装git最新版本是1.8.3 报错: git: 'interpret-trailers' is not a git command. See 'git --help'. cannot insert change-id line in .git/COMMIT_EDITMSG 解决: git add xxx git commit -m "xxx" 然后修改 vim .git/hooks/commit-msg #if test -n "${reviewurl}" ; th

machh的专栏 4758

JavaScript 实现 使用window对象的open方法打开新窗口

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34067980的博客 1163

面向可扩展的 ABAP CDS:EXTEND VIEW 全面实战与工程化指引

摘要: 本文深入讲解ABAP CDS的EXTEND VIEW功能,帮助开发者在标准或自建模型上安全扩展字段与关联。核心内容包括: 作用:避免直接修改标准CDS,通过轻量扩展添加业务字段和关联,降低维护风险。 语法要点:需定义CDS扩展实体名和Dictionary Append View名,支持添加普通字段、关联,但不允许聚合或修改原有结构。 限制:不能扩展含聚合、UNION的视图,且扩展字段需避免命名冲突。 工程实践:建议使用客户命名空间,区分结构扩展与元数据扩展,并注意功能性变更需通过其他方式实现。 示例

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 394

JavaScript:Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog

先将JavaScript中Window 打开新窗口的几种方式(window.location.href、window.open、window.showModalDialog)进行知识小结备份;要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。另外几个属性用在HTA中的,在一般的网页中一般不使用。

浪潮行舟_2136 6425

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

web前端学习(四十三)——JavaScript BOM简介、BOM-Window对象实例

web前端学习(四十三)——JavaScript BOM简介、BOM-Window对象实例

贝尔摩德苦艾酒 8126

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

js跳转页面与打开新窗口的方法

js跳转页面与打开新窗口的方法 1.超链接Welcome 等效于js代码 window.location.href=“http://www.jb51.net”; //在同当前窗口中打开窗口 2.超链接Welcome 等效于js代码 window.open(“http://www.jb51.net”); //在另外新建窗口中打开窗口 //详细介绍 第一种: 第二种: 第三种: 第四种: 第五种: 1.在原来的窗体中直接跳转用 window.l

优快云_42的博客 2628

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

JavaScript使用window对象控制浏览器

在JavaScript中,window对象是一个全局对象,它代表了浏览器窗口,并提供了许多方法和属性来控制浏览器的行为和状态。

Flask Web 967

JavaScript浏览器对象之一Window对象

JavaScript提供了一组以window为核心的对象,实现了对浏览器窗口的访问控制。JavaScript中定义了6种重要的对象: window对象       表示浏览器中打开的窗口;document对象    表示浏览器中加载页面的文档对象;location对象        包含了浏览器当前的URL信息;navigation对象    包含了浏览器本身的信息;screen对象

沙漏哟 3706

Javascript跳转页面和打开新窗口等方法

1.在原来的窗体中直接跳转用window.location.href="你所要跳转的页面";2、在新窗体中打开页面用:window.open('你所要跳转的页面'); window.history.back(-1);返回上一页 3、一些用法按钮式:<INPUT name="pclog" type="button" value="/GO" onClick="location.href='连...

weixin_30455365的博客 104

javascript你可能不知道的事

  此文要跟大家分享的是在项目开发中积累的js问题解决方案和经验,文章标题javascript你可能不知道的事只是个噱头或者说是我感觉这些经验对那些大牛(或经验比较丰富的人)可能只能算得上比较基础的东西了,但这并不妨碍我写这篇博客——我想对其它不知道这些经验技巧或曾被这些问题困扰过的程序员,应该还是会有一定帮助的,哪怕只有一点点儿,也是让我比较宽慰和高兴的事。所以,无论你愿不...

weixin_33767813的博客 118

javascript中的window对象

转]Window窗口对象2009-10-15 09:33一 window属性1、获得当前窗口的对象:window.frameElementvar frameObj = window.frameElement;获得当前窗口的名字:frameObj.name获得当前窗口的框架的数量:

我呢D浪子又点会有初恋啊 979

JavaScript——window对象

本节目标:    掌握window对象的操作方法window对象在使用JS打开窗口或关闭窗口时,或者做一些比较特殊的效果时,需要使用window对象。&lt;html lang="en"&gt; &lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;script type="text/javascript"&gt; function fun(t

Devin 1157

JavaScript中的window对象详解

1.window对象简介 (1)在JavaScript中,一个浏览器窗口就是一个window对象。 (2)一个窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,document对象是window对象的子对象。 window对象的子对象分很多种: 子对象 说明 document 文档对象用于操作页面元素 location 地址对象用于操作URL地址 navigator 浏览器对象用于获取浏览器版本信息 history 历史对象用于操作浏览器历

weixin_45819386的博客 1万+

JavaScript基础----33JS浏览器对象-window对象

html> lang="en"> charset="UTF-8"> //打印浏览器的宽度和高度 //高度不包括进度条 document.write("高度"+window.innerWidth+":"+"宽度"+window.innerHeight); id="btn" on

翟浩浩Android专栏 413

利用js跳转页面与返回页面

利用js跳转页面 利用 js跳转页面,其实也就是利用window对象中href属性进行跳转 第一种方法,延时跳转  function me(){  window.location.href = "next.html";   } setTimeout(me,3000); 第二种方法,利用iframe框架 document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' w

weixin_45777923的博客 1459
上一篇: JS闭包
下一篇: JS setTimeout与setInterval函数
书香水墨
博客等级 码龄12年 720粉丝 1148原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

书香水墨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值