小知识:html标签中的javascript:

本文探讨了在不同浏览器中使用a标签的href属性配合window.open方法时的表现差异,特别是在IE浏览器中出现的问题及解决方案。文章还介绍了如何通过调整JavaScript代码来改善用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

记录一个开发中遇到的小问题。今天在开发过程中,在a标签的href中写入javascript:window.open(url),如下:

<a href="javascript:window.open(url)">url为链接地址</a>

chrome中点击后可以正常打开新的窗口,但在ie中点击之后会先打开一个地址栏为javascript:window.open(url)的窗口,接着再打开个新窗口。

那么怎么解决这个问题呢?相信下面的代码都不陌生:

<a href="javascript:void(0);">链接</a>

其实javascript:void(0);可以理解为会执行括号中的javascript代码,可以用javascript:void(js代码);来表示,其中void表示没有返回值(和java中的一个意思哎)。而上面的代码,括号中为0,说明根本没有执行js代码,所以点击之后并没有什么效果。如果在括号中写一些js代码会发生什么呢?是不是会弹出一个0呢?

<a href="javascript:void(alert(0));">链接</a>

最后,还有另一种写法。省略括号,将void和js代码用空格隔开。如下:

javascript:void js代码;

特此记录!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值