類似上面格式,把妳js文件路徑寫進去就可以引用了,下面是我的引用例子:
<!DOCTYPE?html><html>
<head>
<meta?charset="utf-8"?/>
<title></title>
<link?rel="stylesheet"?href="css/common.css"?/>
<link?rel="stylesheet"?href="css/index.css"?/>
<script?type="text/javascript"?src="js/jquery.min.js"?></script>
<script?type="text/javascript"?src="js/index.js"?></script>
<script?type="text/javascript"></script>
</head>
<body>
<!--整體居中顯示開始-->
<div?class="site-center">
<!--最頂部導航-->
<div?class="top-nav">
<div?id="top-nav-left"?>
<a?href="#">華為官網</a>
<a?href="#">華為社區</a>
<a?href="#">軟件應用</a>
<a?href="#">Select?Region</a>
</div>
<div?id="top-nav-right">
<a?href="#">登錄</a>
<a?href="#">註冊</a>
<a?href="#">我的訂單</a>
<a?href="#">L碼(優購碼)</a>
<a?href="#">手機版</a>
<a?href="#">網站導航</a>
</div>
</div>
<!--最頂部導航結束-->
<!--清除浮動-->
<div?class="clear"></div>
<!--搜索框開始-->
<div?class="top-search">
<div?id="top-search-logo">
<img?src="img/logo.png"?/>
</div>
<div?id="top-search-box">
<form>
<input?type="text"?class="text"?maxlength="100"?id="search-kw"?/>
<input?type="submit"?class="search-btn"?id="search-btn"?value="搜索"?>
</form>
</div>
<div?id="top-search-ORcode">
<img?src="img/orcode.png"?/>
</div>
</div>
<!--搜索框結束-->
<!--清除浮動-->
<div?class="clear"></div>
<!--主導航開始-->
<div?class="nav">
<div?id="nav-left">
<h2>全部商品</h2>
</div>
<div?id="nav-right">
<ul>
<li><a?href="#">首?頁</a>?</li>
<li><a?href="#">華為專區</a>?</li>
<li><a?href="#">榮耀專區</a>?</li>
<li><a?href="#">榮耀NOTE8</a>?</li>
<li><a?href="#">榮耀8</a>?</li>
<li><a?href="#">P9</a>?</li>
<li><a?href="#">配件特惠</a>?</li>
<li><a?href="#">精彩頻道</a>?</li>
</ul>
</div>
</div>
<!--主導航結束-->
<!--清除浮動-->
<div?class="clear"></div>
<!--商品導航開始-->
<div?class="products-menu">
<div?id="products-category">
<!--第壹塊導航-->
<div?id="products-category-1">
<div?class="products-category-big"><a?href="#">手機</a></div>
<span><a?href="#">榮耀</a></span>
<span><a?href="#">榮耀2</a></span>
<span><a?href="#">榮耀3</a></span>
<!--右滑動顯示信息-->
<div?id="products-category-hide1">
<ol>
<li><a?href="#">榮耀</a></li>
<li><a?href="#">榮耀</a></li>
<li><a?href="#">榮耀</a></li>
<li><a?href="#">榮耀</a></li>
<li><a?href="#">榮耀</a></li>
</ol>
</div>
<!--右滑動顯示結束-->
</ol>
</div>
<!--第壹塊導航結束-->
</div>
<!--商品幻燈片開始-->
<div?id="products-show">
<img?src="img/xiaoyao.jpg"?/>
</div>
<!--商品幻燈片結束-->
</div>
<!--商品導航結束-->
<!--清除浮動-->
<div?class="clear"></div>
<!--熱賣商品開始-->
<div?class="products-sellWell">
</div>
<!--熱賣商品開始-->
<!--整體居中顯示結束-->
</div>
</body>
</html>