使用 window.open 打开新窗口-程序员宅基地

技术标签: JavaScript 基础  前端  es6  javascript  

打开新窗口的方式有哪些

  • 在链接上单击右键,然后选择「在新窗口打开链接」或者「在新标签打开链接」
  • 按住键盘上的 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使用示例

参考

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ITxiaodong/article/details/121456049

智能推荐

西门子PLC与IFIX软件以太网通讯_ifix与西门子plc连接-程序员宅基地

文章浏览阅读4.9k次,点赞2次,收藏16次。摘要IFX组态监控软件与西门子S7-200、S7-300系列PLC通讯,通常采用以太网通讯方式,IFIX软件中,采用S7A驱动的S7TCP/IP的通讯方式。西门子PLC采用第三方工业通讯桥接器实现以太网通讯。方案实施介绍本文以S7 TCP驱动(S7A)连接1台S7300,1台S7200为例:一、配置以太网通讯桥接器的参数用西门子S7TCP驱动来通讯,需要注意参数“S7TCP目标PLC地址”,需要填入PLC的站地址。例:S7-300,IP地址:192...._ifix与西门子plc连接

linux jstack 分析,使用top和jstack分析高CPU问题-程序员宅基地

文章浏览阅读431次。通常我们所说的 CPU 使用率过高,这里面其实隐含着一个用来比较高与低的基准值,比如 JVM 在峰值负载下的平均 CPU 利用率为 40%,如果 CPU 使用率飙到 80% 就可以被认为是不正常的。典型的 JVM 进程包含多个 Java 线程,其中一些在等待工作,另一些则正在执行任务。在单个 Java 程序的情况下,线程数可以非常低,而对于处理大量并发事务的互联网后台来说,线程数可能会比较高。对于..._对于 cpu 的问题,最重要的是要找到是哪些线程在消耗 cpu,通过线程栈定位到问题代

TypeScript手册翻译系列1-基础类型-程序员宅基地

文章浏览阅读111次。为什么80%的码农都做不了架构师?>>> ..._typescript 文档翻译

基于Jenkins的DevOps流水线实践教程|2020全新制作|端到端研发效能提升-程序员宅基地

文章浏览阅读319次。讲师介绍课程寄语我认为Jenkins是对我这些年运维经验的总结,起初我们运维同学都是编写脚本完成一些自动化的操作。而有了Jenkins我们可以将我们的运维经验与Jenkins设计理念融合..._基于jenkins的devops工程实践

vue的h函数_vue中的h是什么,createElement如何使用-程序员宅基地

文章浏览阅读2.3k次。目录h方法介绍createElement简介createElement、this.$slots、scopedSlots用法完整代码下载一、h方法介绍如果你接触过 vue 一段时间了,那么你可能会遇到过rendering方法在你的 app 文件中 -- 在最新版本的CLI中它是一个默认值, 并且是在main.js文件中:new Vue({render: h => h(App)}).$mount..._h vue

stm32Cubemx sd卡模拟U盘_stm32f103 做u盘挂sd卡-程序员宅基地

文章浏览阅读3k次,点赞2次,收藏36次。一系列的模仿SD卡都用USB-DeviceUSB-Device想要使用的快要把PD6配置为低电平(就我的板子做例子----野火指南者)![在这里插入图片描述](https://img-blog.csdnimg.cn/2020080818205327.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZ我的HAL库是STM32Cube FW_F1 V1.8.0,你如果_stm32f103 做u盘挂sd卡

随便推点

window下编译lua源码,编译lua的库文件,编译lua解释器,编译lua编译器_lua库和源码一起编译-程序员宅基地

文章浏览阅读448次。网上有很多博客讲如何在windows下编译lua源文件。两上大概是有两种方案:一种是用VS来编译,一种是自己写批处理文件,直接编译。附上以上两种方法的博客:借助VS开发在src文件夹下写批处理_lua库和源码一起编译

国内外优秀的计算机视觉团队汇总_知乎 大连理工大学李培华-程序员宅基地

文章浏览阅读2.1k次。本帖还在更新中,国内外优秀的计算机视觉团队有很多,我这里只是列举了自己从知乎、CSDN等网站上收集到的,排名不分先后,如有遗漏,还请谅解。同时欢迎小伙伴回帖补充,我会更新到本帖,谢谢~感谢极市平台微信公众号的粉丝Alan、Andy、陈、蓝色格调、亚辉、邵帅、城邑、SuperMAN和知乎好友:Shihua Huang的补充贡献最后更新于2020/7/22,已累计更新 10次国内高校研究团队北京清华大学:龙明盛,黄高,艾海舟,张长水(Big eyes laboratory 大眼睛实验室),._知乎 大连理工大学李培华

IntelliJ IDEA 无法预览 Markdown 文件的解决思路_idea markdown预览-程序员宅基地

文章浏览阅读1.4w次,点赞8次,收藏2次。文章目录一、问题描述二、解决思路一、问题描述  在项目开发中,一般情况都需要写一个 readme.md 来介绍项目的整体情况。但是有些同事的 IntelliJ IDEA 确无法显示 Markdown 的文件内容预览,无疑为团队开发交流形成了阻碍。二、解决思路确认 IntelliJ IDEA 是否关联了 .md 文件设置面板 Editor File Types Markdown 查看是否以及注册了 .markdown 或者 .md 的文件格式,如果没有请加上查看 Mark_idea markdown预览

IDL学习——处理自带经纬度文件的遥感影像,以哨兵5P数据为例_envi_glt_doit-程序员宅基地

文章浏览阅读2.7k次,点赞7次,收藏31次。@TOC欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增_envi_glt_doit

MySQL date_format()日期格式_date_format可以使用的日期格式-程序员宅基地

文章浏览阅读2k次。DATE_FORMAT() 函数用于以不同的格式显示日期/时间数据。DATE_FORMAT(date,format) format参数的格式有%a 缩写星期名%b 缩写月名%c 月,数值%D 带有英文前缀的月中的天%d 月的天,数值(00-31)%e 月的天,数值(0-31)%f 微秒%H 小时 (00-23)%h 小时 (01-12)%I 小时 (01-12)%i 分..._date_format可以使用的日期格式

shell中条件判断if中的-a到-z的意思_shellif -z是什么-程序员宅基地

文章浏览阅读8.7k次。[-a file] 如果file存在则为真 [-b file] 如果file存在且是一个块特殊文件则为真 [-c file] 如果file存在且是一个字特殊文件则为真 [-d file] 如果file文件存在且是一个目录则为真 -d前的!是逻辑非 例如: if [ ! -d $lcd_path/$par_date ] 表示后面的那个目录不存在,则执行后面的then操作 [-e fil_shellif -z是什么