前端学习小知识（4）---- JS打开新窗口2种方式

最新推荐文章于 2024-07-29 18:44:27 发布
最新推荐文章于 2024-07-29 18:44:27 发布
阅读量996 收藏 1
点赞数
分类专栏： 前端开发学习 文章标签： javascript
原文链接：https://www.jb51.net/article/35691.htm
版权

1.超链接<a href="https://www.jb51.net" >Welcome</a>

等效于js代码

window.location.href="https://www.jb51.net";     //在同当前窗口中打开窗口

 

2.超链接<a href="https://www.jb51.net" target="_blank">Welcome</a>

等效于js代码

window.open("https://www.jb51.net");                 //在另外新建窗口中打开窗口

致力于学习前端
关注
专栏目录
前端打开新窗口页面
weixin_68658847的博客
01-10 681
前端打开新窗口页面
前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）
m0_67394006的博客
03-02 9199
文章目录 前言 第一回合 一、知识点：cookie（21/09/06） 二、知识点：节流和防抖（21/09/07） 三、知识点：var和let以及const（21/09/08） 四：知识点：深拷贝和浅拷贝（21/09/09） 五、知识点：作用域和作用域链（21/09/10） 六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11） 七、知识点：重排和重绘（21/09/12） 八、知识点：TCP和UDP（21/09/13） 九、知识点：三次握手（21/09/15） 十、知识点：绝对定位和相对定
JavaScript打开新页面的两种方式：当前页面打开和新页面跳转
江夏、的博客
03-10 7096
在前台开发中会涉及页面跳转的问题，页面跳转有两种：一种是当前页面打开新的页面，一种是新的标签页跳转到新的页面。 1、跳转到新页面打开页面： window.open('http://www.baidu.com','_blank'); 2、当前页面打开新的地址： window.open('http://www.baidu.com','_self'); 如果在a标签中进行跳转那么就是用到了targe...
前端打开新页面
最新发布
m0_69112199的博客
07-29 182
@param {String} url 地址。* @description 打开新页面。欢迎补充，一起进步。
前端页面打开新窗口的实现过程
cas_nj的博客
01-10 7737
在网页中打开新的新窗口一般可以a标签进行跳转并设置其属性target为_blank，代码如下：https://www.baidu.com/">。 但是如果有以下的场景： 需要先调用一段ajax，然后再进行跳转，此时使用a标签跳转显然不能满足需求。 尝试如下的方法： 1).给a标签的href赋值 2).设定a标签的target属性值为"_blank" 3).触发点击事件 或者使用win
前端路由打开新的页面,三种方法；
aijisen的博客
05-17 765
直接window.open('跳转链接');1.第一种,常见的路由方式,采用a链接跳转。2.第二种,resolve放法。
Web前端设计与开发技术-课件-第6章-让网站活起来完整.pptx
11-17
"Web前端设计与开发技术-超链接的基础知识" 超链接是网页中重要的组成部分，其本质上属于一个网页的一部分，它是一种允许网页访问者与其他网页或站点之间进行连接的元素。学习目标包括了解超链接的类型与路径、创建...
前端学习笔记01---HTML5、CSS3、移动端前端基础学习知识点合集
weixin_46615135的博客
03-23 1521
前端学习笔记01---HTML5、CSS3、移动端前端基础学习知识点合集
javascript经典特效---打开窗口居中.rar
03-08
首先，我们来看JavaScript中的`window.open()`函数，这是用来打开新窗口的关键。它的基本语法是： ```javascript window.open(url, name, features); ``` - `url`：新窗口加载的页面地址。 - `name`：新窗口的名称，...
前端开源库-cmd-util-wnd.zip
10-05
例如，`window.open()` 方法可以用来打开新的窗口，而`window.alert()`, `window.confirm()`, 和 `window.prompt()` 用于显示警告、确认和输入对话框。"cmd-util-wnd" 库可能会提供更高级的封装，使得这些操作更加...
前端打开一个新得窗口，保持原来的页面不刷新
FrankJiang
03-26 4782
最近接到一个新得需求需要做大屏显示，技术上用的Vue，需要打开一个新得窗口并且保存原来跳转的页面不刷新 废话不说直接上代码 // 首先做一个点击事件 然后点击的时候加上以下代码 showFull() { let newpage = this.$router.resolve({ name: 'hrscreen', }) wind...
优秀前端工程师必备: 我要一个新窗口: js开新窗的2种姿势
anjiye7641的博客
11-05 207
1.<a href="https://www.cnblogs.com/" title="博客园">当前页面打开博客园</a> js代码等价的实现方式为： window.location.href="https://www.cnblogs.com/"; //新连接，在当前窗口打开 2.超链接<a href="https://www....
前端开启新窗口进行简单交互
weixin_50622621的博客
12-19 150
两窗口需要同源才能交互。
前端进行页面跳转和页面刷新的方法
前端三脚猫的博客
03-15 2981
Js中进行页面跳转的几种方法 一、 在当前窗口进行跳转 1、 使用a标签进行跳转 <a href="//www.baidu.com/">跳转</a> 2、 使用window.location.hre进行跳转 window.location.href = '//www.baidu.com'; 二、 打开新的窗口进行跳转 1、 使用a标签进行打开跳转 <a href="//www.baidu.com" target="_blank">跳转</a> 2、 使用
页面跳转与打开新窗口的方法---前端
shipeng556的博客
04-25 1778
JS页面跳转与打开新窗口的方法—前端 JS页面跳转与打开新窗口的方法—前端## 标题
JavaScript：Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog
浪潮行舟_chenjin2136
04-26 2338
先将JavaScript中Window 打开新窗口的几种方式（window.location.href、window.open、window.showModalDialog）进行知识小结备份；要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。另外几个属性用在HTA中的，在一般的网页中一般不使用。
前端angular 打开一个新的网页
jsq916的博客
01-25 2439
1、在当前页面打开window.location.href = url window.location.href = '/uportal/framework/default.html?' + 'id=' + this.selectedId + '&moc=' + this.selectedMoc + '&nbiId=' + this.selectedNeid + '&name=' + this.selectedName + '&subType=' + t
打开一个新的浏览器窗口window.open()
jyn15159的博客
10-28 2515
打开一个新的浏览器窗口window.open() open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 window.open(URL,name,specs,replace) URL：可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口。 name：可选。指定target属性或窗口的名称。 specs：可选。一个逗号分隔的项目列表。 replace：Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值