當前位置:編程學習大全網 - 源碼下載 - hbuilder怎麽運行js文件

hbuilder怎麽運行js文件

<script?src="裏的js文件"></script>

類似上面格式,把妳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>

  • 上一篇:網頁設計中DIV是什麽意思_web中div是什麽意思
  • 下一篇:超短文言文和他的翻譯啊.........
  • copyright 2024編程學習大全網