📅  最后修改于: 2023-12-03 15:13:14.517000             🧑  作者: Mango
在Web开发中,经常会用到<a>
标签来创建链接。如果需要在点击链接时执行一些JavaScript代码,就可以使用onclick
属性。但是,由于onclick
属性的不足之处,最好不要使用它。
幸运的是,<a>
标签还有一个href
属性可以用来执行JavaScript代码。这个技巧被称为“javascript: URL”。
要使用javascript: URL
,只需要将href
属性设置为javascript: yourCodeHere;
的形式即可。
<a href="javascript: alert('Hello, world!')">点击这里</a>
在上面的例子中,当用户点击链接时,会弹出一个包含“Hello, world!”的警告框。
使用javascript: URL
时要注意以下几点:
javascript:
标识符后面编写代码可能会导致代码难以阅读和维护。因此,最好将代码放在一个JavaScript函数中,并将函数名放在javascript:
标识符后面。javascript: document.write('Hello, world!')
这样的代码会覆盖整个页面,并可能包含恶意代码。javascript: URL
是一个方便的工具,可以在不离开页面的情况下执行JavaScript代码。但是,要谨慎使用它,以避免潜在的安全风险。