js代码如何引入外部资源链接

日期: 2025-10-17

标签: 财经

<p>可以使用以下两种方式引入外部资源链接：</p>
<ol>
<li>使用<script>标签引入外部JS文件</li>
</ol>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;引入外部JS文件&lt;/title&gt;
	&lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h1&gt;Hello World!&lt;/h1&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>在<head>标签中使用<script>标签，将外部JS文件的链接放到src属性中即可。这个例子中，我们引入了jQuery库。</p>
<ol start="2">
<li>使用<link>标签引入外部CSS文件</li>
</ol>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;引入外部CSS文件&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h1&gt;Hello World!&lt;/h1&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>在<head>标签中使用<link>标签，将外部CSS文件的链接放到href属性中即可。这个例子中，我们引入了一个名为style.css的CSS文件</p>

原文地址: https://www.cveoy.top/t/topic/fJcr 著作权归作者所有。请勿转载和采集!