JavaScript URL

JavaScript URL是一种特殊类型的URL，其中包含一段用JavaScript编写的代码。当浏览器访问这样的URL时，便会执行其中包含的JavaScript代码。

创建JavaScript URL

创建JavaScript URL有两种方式：

1. 直接使用javascript:关键字

   [执行JavaScript代码](javascript:alert('Hello, world!'))
   

   点击该链接时，将执行其中的JavaScript代码，弹出“Hello, world！”的提示框。

2. 使用window.URL.createObjectURL()方法

   const blob = new Blob(['alert("Hello, world!")'], { type: 'text/javascript' });
   const url = URL.createObjectURL(blob);
   console.log(url);
   

   调用window.URL.createObjectURL()方法创建URL对象时，需要传递一个Blob对象和一个可选的参数。Blob对象表示包含JavaScript代码的文本文件，第二个参数表示该文件的MIME类型，此处为JavaScript代码。

   创建完成后，就可以在浏览器中访问该URL，执行其中包含的JavaScript代码。

JavaScript URL的注意事项

虽然JavaScript URL可以执行JavaScript代码，但使用时需要注意以下事项：

• JavaScript URL中的代码会直接在当前页面执行，可以访问页面中的所有对象和变量。因此，如果在JavaScript URL中编写了恶意代码，将会对页面造成严重影响。

• 大多数浏览器都会限制JavaScript URL的字符长度，因此在编写JavaScript代码时需要尽量精简，避免超出字符长度限制。

• JavaScript URL在大多数情况下只能在HTML中使用，不能在CSS或JavaScript中使用。因此，如果需要动态修改CSS或JavaScript，请使用更为安全的方式。

参考资料

• MDN | Using JavaScript URLs
• MDN | URL.createObjectURL()