21xrx.com
2024-11-05 18:48:06 Tuesday
登录
文章检索 我的文章 写文章
深入了解 javascript:void
2023-06-18 20:45:28 深夜i     --     --
URI JavaScript 非法

作为一名前端工程师,我们经常会接触到各种各样的链接,其中一个关键字我们可能经常会遇到就是 `javascript:void`。那么它究竟是个啥呢?

首先,我们需要了解一个概念:URI (Uniform Resource Identifier)。URI 是以一种统一的、标准的方式来表示资源的标识符。在 URI 标准中,有几种特殊的 URI 叫做“非法 URI (Illegal URIs)”——它们不符合 URI 的语法规范,但浏览器仍然可以理解和处理。

而 `javascript:void` 就是非法 URI 的一种,它可以在页面上用来触发 JavaScript 代码的执行,例如:


点击这里执行 JavaScript 代码

这段 HTML 代码会在页面上渲染一个超链接,当用户点击该链接时,浏览器会执行其中的 JavaScript 代码(当然,这里 `void(0)` 其实也可以用其他的值替代)。

此外,`javascript:void` 还可以用来阻止浏览器默认的页面跳转行为。例如,以下代码可以在用户点击按钮时,向服务器发送一个 AJAX 请求,而页面仍然停留在原先的页面上:


以上就是 `javascript:void` 的简单介绍。在实际的项目中,我们可能会经常用到这个东西,但也需要注意不要滥用它,以防引发安全问题。

URI。

代码例子:以上文代码为例。`javascript:void($.ajax({url: '/api/getData'}));`代码实现了在点击按钮时,向服务器发送 ajax 请求,而页面不跳转。其中 `$.ajax({url: '/api/getData'})` 发送请求的代码可以根据实际需求修改。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复