html中引⼊外部⽂件
在我们制作html页⾯的时候常常需要引⼊⼀些外部⽂件来使⾃⼰的⼯作更加⾼效，下⾯我就分享⼀下，在制作html是本⼈⽤到的⼀些外部⽂件引⽤：
1.外部引⼊JavaScript⽂件
<script type="text/javascript" src="../javascript/cart_list.js">
</script>
如上，便引⼊了⼀个名为cart_list的js⽂件，使⽤的是<script>标签，类型是"text/javascript"，路径为src，，使⽤时把JavaScript⽂件放到标签内即可。这是标准的加载⽅式，为防⽌⽹页加载缓慢，也可以把⾮关键的JavaScript放到⽹页底部.如下
<script type="text/javascript" src="else_website_link.js"></script>
</body>
</html>
jquery下载文件插件
2.css外部⽂件的引⼊
<link rel="stylesheet" type="text/css" href="../css/navigation.css" />
如上，引⼊名为navigation的css⽂件，同样是放到标签内与引⼊js⽂件的不同的是需⽤link标签，类型是"text/css"，路径是href。也可以直接在html标签元素内嵌⼊css样式，如
<div >
这种在标记的style属性中设定CSS样式的⽅式本质上没有体现CSS的优势，但优先级⽐外部⽂件⾼，⽽引⼊css外部⽂件可以设置更加丰富的样式，也更⽅便管理。
google地图api不能用
3.⼀些插件的引⼊
html网站制作答辩<script src="../javascript/jquery-3.1.1.js">
<script type="text/javascript" src="../javascript/jquery-tmpl.min.js">
</script>
<script type="text/javascript" src="../javascript/lodash.js">eclipse电脑进不去
</script>
以上分别引⼊jquery,jquery-tmpl,h和lodash三个插件，我们可以看到实际上与引⼊外部js⽂件没有什么不同，因为实际上这些插件其实就是别⼈写好的js⽂件，⽽要注意的是，使⽤jquery-tmpl这个模板时，其定义如下：
<script id='templateName'  type='text/x-jquery-tmpl'></script>
在head标签的script标签内，采⽤${key}的形式，如下：
<script id="templateName" type="text/x-jquery-tmpl">
<tr>
<td>${Sort}</td>
<td>${Name}</td>
<td>${Price}</td>
<td>${Unit}</td>
<tr>
</script>
在body内，到要显⽰的位置,
<table id="goods_table">
<tr>
<th class="sort">分类</th>
<th class="name">名称</th>
个人
<th class="price">单价(元)</th>
网页编程语言的书写
<th class="unit">单位</th>
<th class="count">数量</th>
<th class="subtotal">⼩计</th>
</tr>
</table>
在js⽂件中调⽤，
$('#templateName'').tmpl(file_name).appendTo('#goods_table');//templateName为模板id, file_name为要填⼊模板的⽂件goods_table为模板要加载到的页⾯的位置
以上就是本⼈引⽤外部⽂件的⼀点⼼得仅供参考

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。