加载外部JS的书签吗？-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要引入外部的JavaScript文件来完成一些特定的功能。通常情况下，我们会将这些JS文件通过 <script> 标签嵌入到HTML中，但是有时候我们也可以使用书签（Bookmark）的方式来加载外部JS。

什么是书签？

从字面上理解，书签就是一个标记，用于帮助我们快速访问某个网页。在浏览器中，我们可以将当前页面加入到书签中，然后通过点击书签，即可快速访问该页面。

如何通过书签加载外部JS？

其实，书签除了可以添加普通的网页链接外，还可以添加JavaScript代码。因此，我们可以利用这一点，在书签中添加JavaScript代码，来加载外部的JS文件。

具体实现方法如下：

打开你要添加书签的网页，然后在浏览器地址栏中输入以下代码并回车：

javascript:(function(){
  var s = document.createElement('script');
  s.src = 'your_script_url_here';
  document.body.appendChild(s);
})();

其中，your_script_url_here代表你要加载的JS文件的URL地址。

将上述代码复制到浏览器收藏夹中，作为一个新的书签。
在需要加载该JS文件的页面中，点击书签即可。

书签加载外部JS的优缺点

优点

方便快捷：只需要一个点击，就能加载外部JS文件。
简洁明了：不需要在HTML中添加额外的<script>标签。

缺点

安全性问题：因为书签中可以添加JavaScript代码，所以如果你在使用书签时不小心点击到了恶意的书签，就会让你的浏览器受到攻击。
可读性较差：书签中的代码可能比较长，阅读起来不太友好。

示例代码

以下是一个示例代码，用于加载jQuery库：

javascript:(function(){
  var s = document.createElement('script');
  s.src = 'https://code.jquery.com/jquery-latest.min.js';
  document.body.appendChild(s);
})();

小结

通过书签加载外部JS文件是一种非常方便的方法，但是也有安全性问题需要注意。在实际开发中，我们应该根据具体情况来选择最适合自己的方式。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/13130