在新页面打开连接的两种方式:window.open()和target="_blank"

本文总结了多种在新窗口打开链接的方法,包括使用a标签的target属性、通过HTTP 302跳转以及利用JavaScript的window.open方法。适用于不同场景的需求。
部署运行你感兴趣的模型镜像

       在使用window.open时,在很多情况下,弹出的窗口会被浏览器阻止,但若是使用a链接target='_blank',则不会。

 

小结一下:
1. 应用要在新页打开,使用 a 加上 href 把别的一些功能放在onclick 上, 如
<a href="http://www.baidu.com" target="_blank" onclick="alert(1)"></a>
2. 一些应用要在新页打开,跟cgi在关的, 可以使用http 302 跳转
<a href="http://www.example.com/cgi?myid=1" target="_blank" onclick="alert(1)"></a>
http://www.example.com/cgi?myid=1 将跳转到你想要的页面
3. 一定要用js在新页打开页面的, 用window.open 就可以
<a href="javascript;" onclick="window.open('http://www.baidu.com');return false;"></a>

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

new Vue({ el: '#app', data() { return { products: [ { id: 1, name: '加工整体', description: '加工整体安东实时情况', image: 'images/all.jpg' }, { id: 2, name: '曲轴', description: '曲轴安东实时情况', image: 'images/crank.jpg' }, { id: 3, name: '缸体', description: '缸体安东实时情况', image: 'images/block.jpg' }, { id: 4, name: '凸轮轴', description: '凸轮轴安东实时情况', image: 'images/cam1.jpg' }, { id: 5, name: '连杆', description: '连杆安东实时情况', image: 'images/hsg.jpg' }, { id: 6, name: '缸盖', description: '缸盖安东实时情况', image: 'images/head.jpg' }, { id: 7, name: '装配整体', description: '装配整体安东实时情况', image: 'images/all_2.jpg' }, { id: 8, name: '缸盖分装', description: '缸盖分装安东实时情况', image: 'images/HS.jpg' }, { id: 9, name: '缸体分装', description: '缸体分装安东实时情况', image: 'images/BS.jpg' }, { id: 10, name: '总装', description: '总装M1M2安东实时情况', image: 'images/ass.jpg' }, { id: 11, name: '试验台', description: '试验台安东实时情况', image: 'images/test.jpg' }, ], }; }, methods: { addToCart(product) { var siteId = product.id; switch (product.id) { case 1: window.location.href = "http://192.168.154.11:5000/gridWebAndon/revoAllparts"; break; case 2: window.location.href = "http://192.168.154.11:5000/gridWebAndon/revoCrankPC"; break; case 3: window.location.href = "http://192.168.154.11:5000/gridWebAndon/revoBlockPC"; break; case 4: window.location.href = "http://192.168.154.11:5000/gridWebAndon/revocam1PC"; break; case 5: window.location.href = "http://192.168.154.11:5000/gridWebAndon/revoHsgPC"; break; case 6: window.location.href = "http://192.168.154.11:5000/gridWebAndon/revoHeadPC"; break; case 7: window.location.href = "http://192.168.154.11:4000/gridWebAndon/revoAssembly_Allparts"; break; case 8: window.location.href = "http://192.168.154.11:4000/gridWebAndon/revoAssembly_CHS_HS"; break; case 9: window.location.href = "http://192.168.154.11:4000/gridWebAndon/revoAssembly_BS_PS"; break; case 10: window.location.href = "http://192.168.154.11:4000/gridWebAndon/revoAssembly_M1_M2"; break; case 11: window.location.href = "http://192.168.154.11:4000/gridWebAndon/revoAssembly_TEST"; break; default: // 默认情况下,不执行任何操作 console.log("无效的参数值"); } }, }, }); 在页面右上角增加“第3制造科数字化可视化画面”跳转功能,重新打开网页窗口。跳转到指定网页地址
08-30
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值