如何将javascript文件传递给浏览器并使其使用?

时间:2015-05-24 10:15:53

标签: javascript browser src

这可能是一个非常基本的问题,但我的谷歌搜索产生了无关的结果。

我希望能够为客户提供2行小部件,例如,对于Youtube上的每个视频,您可以为其获取“嵌入”行,您可以将其粘贴到您的网页上,因此您可以您网页上的视频,例如:

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

另一个例子是google的+“+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行的小部件(

<script> 

行和

<div> 

line)如何以浏览器知道的方式将我的javascript文件传递给Web客户端,将其视为应评估和执行的文件?

谢谢,抱歉这个混乱的问题。 麦。

2 个答案:

答案 0 :(得分:1)

如果您有<script>标记,则浏览器会将内容作为脚本处理。您可以在脚本的开头和结尾内定义内容,如下所示:

<script>
    //your code
</script>

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

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

答案 1 :(得分:1)

我想你是在问如何创建动态创建DOM元素的web 小部件。嵌入式YouTube和谷歌+1是小部件。 iframe只是创建窗口小部件的一种方法。

有关小部件的更多信息 - http://www.techfounder.net/2010/02/05/creating-embedabble-widgets/