欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > JavaScript >

怎么引入一个外部JavaScript文件

<p>
    通过前面知识学习,我们知道使用&lt;script&gt;标签在HTML文件中添加JavaScript代码,如图①:</p>
<p>
    JavaScript代码只能写在HTML文件中吗?当然不是,我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中如图②。</p>
<pre>
&lt;script src=&quot;script.js&quot;&gt;&lt;/script&gt;
</pre>
<p>
    注意:在JS文件中,不需要&lt;script&gt;标签,直接编写JavaScript代码就可以了。</p>
<p>
    JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中,如图③</p>
<p>
    <img alt="" src="/uploads/allimg/21/1-2104011K216350.jpg" /></p>
<h2>
    html文件</h2>
<pre>
&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;引用JS文件&lt;/title&gt;
&lt;script src=&quot;script.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<h2>
    script.js文件</h2>
<pre>
//请写入JS代码
document.write(&#39;引入js文件&#39;);
</pre>

上一篇标题:js代码在页面中的位置
下一篇标题:html页面如何写入js代码

相关文章

 

文章-怎么引入一个外部JavaScript文件发布日期:2021-04-01 17:51作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/javascript/267.html