JS打开新窗口的2种方式

最新推荐文章于 2024-05-30 16:32:50 发布
最新推荐文章于 2024-05-30 16:32:50 发布
阅读量1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuan_qh/article/details/104719642
版权

1、在本窗口打开：

超链接<a href="//www.baidu.com" title="本百度">Welcome</a>

等效于js代码

window.location.href="//www.baidu.com";     //在同当前窗口中打开窗口

2、在新窗口打开：

超链接<a href="//www.baidu.com" title="新百度" target="_blank">Welcome</a>

等效于js代码

window.open("//www.baidu.com");                 //在另外新建窗口中打开窗口 

yuan_qh
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在新窗口中打开链接的代码
移动空间678
10-28 4865
scaredcrow　　其中的target定义的为打开方式　　网页打开方式有以下几种：　　_self、_top、_blank、_parent 和网页默认值　　1.第1和第5种情况是相同的，_self表示“相同窗口”。点击链接后，地址栏不变。在网页中没有做设置时，网页链接默认的窗口为_self。　　2.第2和第4种情况，也是相同的。_top表示整页窗口，_parent表示父窗口。实际使用中，它们没有任何区别，地址栏会变化。　　3._blank是最常见的链接方式，表示超链接的目标地址在新建窗口中打开。　　4.如
HTML超链接
comegoing_xin_lv的博客
07-08 9796
外部访问，内部跳转，相对地址与绝对地址，新开网页
19-通过JS代码处理多窗口
最新发布
学习&记录
05-30 372
在打开页面上的链接时，经常会弹出一个新窗口，这样在多个窗口之间来回切换比较复杂，有没有办法让新打开的链接还在原窗口显示呢？
c# 利用 Javascript 跳转页面的方法
丨Fanny丨Cri
02-03 696
c#利用Javascript跳转页面的方法 1.在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面"; 2、在新窗体中打开页面用： window.open('你所要跳转的页面');window.history.back(-1);返回上一页  3、一些用法 按钮式： 链接式：返回上一页 ">返回上一页 直接跳转式： window.locat
JavaScript打开新链接
荷塘月色
12-24 1801
而如果考虑使用js实现的话，可以考虑使用下面的两种方式（设置控件的触发事件）。HTML其实就是超链接的效果。超链接的默认打开方式就是这种。
【JS】js打开新窗口与页面跳转
热门推荐
bug制造者
07-13 2万+
原文地址：https://blog.csdn.net/jcxjava/article/details/79743747 1. 在当前窗口中打开窗口 window.location.href="http://www.baidu.com". 等同于 <a href="http://www.baidu.com" title="百度">百度一下</a> 2. 在新窗口中打开新...
js使用post 方式打开新窗口
10-24
主要介绍了js使用post 方式打开新窗口的相关资料,需要的朋友可以参考下
javascript打开新窗口同时关闭旧窗口
10-30
因业务需要，在网上查找这个问题的解决办法，但是昏天黑地地搞了半天，找到的方法虽然可以实现功能，但是总是会跳出讨厌的“关闭窗口”的提示框，郁闷。
JS打开新窗口防止被浏览器阻止的方法
10-24
主要介绍了JS打开新窗口防止被浏览器阻止的方法,分析对比了常用方法与改进方法,是非常实用的技巧,需要的朋友可以参考下
js 浏览器新窗口打开
张小胖
02-18 3915
js 浏览器新窗口打开， window.open 成功回调
js打开新窗口的方法总结
张木期的博客
12-16 5405
Window.open()方法 完整代码 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') 一、关闭当前页面，打开新的页面 （1）方法一：...
js打开新窗口
weixin_44234050的博客
10-13 3892
666
用js实现 在当前页面打开新页面
别在熬夜了！
06-30 1万+
function on(html){ window.open(html,'_self') }
js:保留当前页面，打开一个非tab页面
Fiona_lms的博客
01-10 3534
js:保留当前页面，打开一个非tab页面
js打开新窗口与页面跳转的几种方法
Haines
05-13 7829
1、window.location.href=URL ： 在本窗体打开一个新的页面，也是最常用的一种方法； 2、window.open(URL) ： 在一个新的窗口打开一个新的页面； 3、location.replace(URL) ：本窗口的页面被替换为一个新的页面URL，替换后不可以回退到上个页面； 4、localtion.assign(URL) ：本窗口的页面转为为一个新的页面URL，与上一方法类似，但此方法可回退至上一页面。 ...
[javascript基础]使用窗口
wusandaofwy的博客
07-22 2001
这篇博客是参看[HTML、CSS和JavaScript入门经典].(美)梅洛尼著.第20章使用窗口和框架,边看边写的;由于后面框架部分我的html不支持,暂不做笔记,待有空时写笔记
使用js的方式打开链接
qq_30028243的博客
04-20 2256
一般情况下使用标签方式打开 <a href="http://www.baidu.com">open Link</a> 使用js打开链接的几种方式 使用window.open() 方法打开一个定制好的页面，包括页面的大小以及位置等等 var oBtn = document.getElementsByClassName('btn')[0]; oBtn.onclick ...
JS实现延时跳转到百度
m0_69100942的博客
07-16 1787
JS实现延时跳转到百度
js点击事件打开新窗口
07-27
在JavaScript中，可以使用不同的方式来实现点击事件打开新窗口。其中一种方式是在原来的窗口上打开新窗口，可以使用`window.location`属性来实现。例如，可以使用以下代码来实现点击按钮打开新窗口： ```html <input type="button" value="点击我看看效果" onclick="window.location='http://linlizhu.cn'" /> ``` 另一种方式是在新打开的窗口上打开新窗口。可以使用`window.open`方法来实现。例如，可以使用以下代码来实现点击按钮在新窗口中打开新窗口： ```html <input type="button" value="点击我看看效果" onclick="window.open('http://linlizhu.cn')" /> ``` 还有一种方式是在新打开的一块小窗口上打开新窗口，这种窗口没有菜单栏。可以使用`window.showModalDialog`方法来实现。例如，可以使用以下代码来实现点击按钮在新窗口中打开新窗口： ```html <input type="button" value="点击我看看效果" onclick="window.showModalDialog('http://linlizhu.cn')" /> ``` 以上是几种常见的方式，根据具体需求选择适合的方式来实现点击事件打开新窗口。 #### 引用[.reference_title] - *1* *2* *3* [JS点击按钮打开新的独立页面](https://blog.csdn.net/qq_26249609/article/details/84030665)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值