javascript - JavaScript 是如何加载外部库的？

Question

我对 JavaScript 如何加载外部库感到有点困惑。它是否对我在脚本标签中指定的 url 发出 GET 请求？浏览器是处理库的存储还是保存在 DOM 中的某个地方？

浏览器加载外部库可能会做的大多数事情似乎都违反了同源策略。从外部站点加载脚本时，现代浏览器是否有任何额外的安全措施？是否可以加载外部库，然后将其源代码打印到屏幕上？

谢谢!

Answer 1

I'm a bit confused on how JavaScript is able to load external libraries.

JavaScript 没有本地方法来加载库。这是主机环境(例如浏览器或 node.js)提供的功能。

Is it doing a GET request to the url I specify in the script tags? Does the browser handle the storage of the library or is it kept somewhere in the DOM?

浏览器将发出 GET 请求，将脚本加载到视口(viewport)的 JavaScript 环境中，但只保留 DOM 中的 HTMLScriptElement DOM 节点。

It seems like most things that the browser might be doing with loading external libraries would violate the same-origin policy.

同源政策旨在保护第三方网站上的非公开数据。脚本不是数据(尽管可以编写它们以便在其中嵌入数据，但 JSON-P 依赖于此作为避免同源策略的一种方式)。

Is there any extra security modern browsers enforce when loading scripts from external sites?

没有

Is it possible to load an external library and then print its source to the screen?

否(尽管您可以使用 XHR 发出单独的 HTTP 请求以获取脚本源 — 受同源策略约束)。