javascript - 如何将 javascript 文件传递​​给浏览器并使其使用它？

Question

这可能是一个非常基本的问题，但我的谷歌搜索得到了不相关的结果。

我希望能够为客户提供一个 2 行小部件，例如，对于 Youtube 上的每个视频，您都可以获得它的“嵌入”行，您将其复制粘贴到您的网页上，结果您就得到了您页面上的视频，例如:

<iframe width="420" height="315" src="https://www.youtube.com/embed/_6mkqolyvVE" frameborder="0" allowfullscreen</iframe>

另一个例子是谷歌的+“+1”按钮:

<!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" async defer></script>

<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>

我的一般问题是，当客户的页面中出现这些行时，幕后发生了什么？

我的具体问题是，如果我想提供一个 2 行小部件(a

<script> 

线和a

<div> 

line) 如何将我的 javascript 文件传递​​到 Web 客户端，以便浏览器知道将其视为应该评估和执行的文件？

谢谢，对于这个困惑的问题感到抱歉。 吉米。

Answer 1

当你有 <script>标签，然后浏览器会将内容作为脚本处理。您可以在脚本的开头和结尾定义内容，如下所示:

<script>
    //your code
</script>

或者您可以使用 src 指定可以找到脚本文件的位置。属性，如下所示:

<script src="http://yourdomain/yourfile.js"></script>