专业网站建设_企业品牌营销 · 北京汇仁智杰科技有限公司

Web前端知識

首頁 > 免費 > Web前端知識 >

JavaScript代碼放在哪里比較好?

來源:北京匯仁智杰科技有限公司   時間:2016-11-16   點擊:

在哪里放置 JavaScript 代碼?

通常情況下,JavaScript 代碼是和 HTML 代碼一起使用的,可以將 JavaScript 代碼放置在 HTML 文檔的任何地方。但放置的地方,會對 JavaScript 代碼的正常執行會有一定影響,具體如下所述。

放置于<head></head>之間

將 JavaScript 代碼放置于 HTML 文檔的 <head></head> 標簽之間是一個通常的做法。由于 HTML 文檔是由瀏覽器從上到下依次載入的,將 JavaScript 代碼放置于<head></head> 標簽之間,可以確保在需要使用腳本之前,

放置于<body></body>之間

也有部分情況將 JavaScript 代碼放置于 <body></body> 之間的。設想如下一種情況:我們有一段 JavaScript 代碼需要操作 HTML 元素。但由于 HTML 文檔是由瀏覽器從上到下依次載入的,為避免 JavaScript 代碼操作 HTML 元素時,HTML 元素還未載入而報錯(對象不存在),因此需要將這段代碼寫到 HTML 元素后面,但通常情況下,我們操作頁面元素一般都是通過事件來驅動的,所以上面這種情況并不多見。另外我們不建議將 JavaScript 代碼寫到 <html></html> 之外。

提示

如果 HTML 文檔聲明為 XHTML ,<script></script> 標簽必須在 CDATA 部分內聲明,否則 XHTML 將把 <script></script> 標簽解析為另一個 XML 標簽,里面的 JavaScript 代碼可能不會正常執行。因此,在嚴格的 XHTML 中使用 JavaScript

以上兩種將 JavaScript 代碼寫到 HTML 文檔中的方式,都是 HTML 文檔內部引用 JavaScript 代碼的方式。除了內部引用,還可以使用外部引用方式。

外部引用 JavaScript 代碼

將 JavaScript 代碼(不包括標簽)單獨形成一個文檔,并以 js 后綴命名,如 myscript.js ,并在 HTML 文檔 標簽中使用 src 屬性來引用;

在使用了外部引用 JavaScript 代碼之后,其好處顯而易見:

1.避免在 JavaScript 代碼里使用

2.避免使用難看的 CDATA

3.公共的 JavaScript 代碼可以被復用于其他 HTML 文檔,也利于 JavaScript 代碼的統一維護

4.HTML 文檔更小,利于搜索引擎收錄

5.可以壓縮、加密單個 JavaScript 文件

6.瀏覽器可以緩存 JavaScript 文件,減少寬帶使用(當多個頁面同時使用一個 JavaScript 文件的時候,通常只需下載一次)

7.避免使用復雜的 HTML 實體,如可以直接使用 document.write(2>1) 而無需寫作 document.write(2<1) 將 JavaScript 代碼形成為外部文件,也會增加服務器的 HTTP 請求負擔,在超高并發請求的環境下,這并不是一個好的策略。另外 在引用外部 js 文件時,需注意文件的正確路徑。

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

主站蜘蛛池模板: 压力容器锻件_升高法兰_管板_阀体_接管锻件 - 山西中重重工集团 压力机-压装机-黄油机-黄油泵-[广东品嘉灵]专业定制各种精密压装设备 | 消防施工,消防工程施工,消防施工改造-北京消防工程公司-亿杰(北京)消防工程有限公司 | 气胀轴丨安全夹头丨电磁制动器丨纠偏系统丨磁粉离合器丨张力控制器厂家- 东莞天机通信科技有限公司 | 水分测定仪_微量水分测定仪_高低温试验箱_昆山鹭工精密仪器有限公司 | 临沂网站建设,临沂网站制作,临沂网络公司,临沂小程序开发,临沂网站设计,沂水网站建设,沂南网站建设,蒙阴网站建设,平邑网站建设,费县网站建设,兰陵网站建设,郯城网站建设,临沭网站建设,莒南网站建设,兰山网络公司 | 宣城市交投汽运有限公司_宣城汽车运输有限公司_宣城汽运 | 制砂机_鹅卵石制砂机_河卵石制砂机_制砂机价格-上海山卓重工机械有限公司 | 水处理设备_纯净水设备_软化水设备_反渗透水处理设备「陕西甘肃青海宁夏新疆」认准海川环保 | 可可英语-年轻人的英语听说训练平台| 泰安led显示屏-泰安户外裸眼3D显示屏-扩声系统-舞台灯光机械-电子屏-肥城宁阳新泰东平-泰安市奇美特电子有限公司 | 上海搬运公司_上海工厂设备搬迁_大型设备吊装搬运_设备安装公司-桂星装卸搬运 | 兰舍硅藻泥 -- 深圳硅藻泥|深圳兰舍硅藻泥|深圳硅藻泥品牌|深圳硅藻泥价格|深圳硅藻泥厂家|深圳硅藻泥施工| | 无锡防爆墙-无锡泄爆墙_江苏鑫立轩装饰工程有限公司 | 丝杆升降机-蜗轮丝杆升降机-电动推杆-德州市金宇机械有限公司 | 上海中医医院_上海名老中医专家门诊_上海徐浦中医医院 | 卫生级自吸泵-不锈钢化工离心泵-上海胜欧泵阀有限公司 | 意优教育|意大利留学中介_意大利留学费用_意大利申请条件_北京意大利语培训学校 | 压滤机入料泵_渣浆泵_耐磨污水泵_保定森力克水泵制造有限公司 | 随州市恒利达包装制造有限公司| 上海塑料链条生产厂家-塑料网带批发-柔性齿形链价格-上海瀚幽传动机械有限公司 | 明康食品有限公司 -方集馓子 亨特小麻花 | 长沙思辰仪器科技有限公司 | 徐州电动垃圾车|三轮快速保洁车|电动高压冲洗车|江苏大卫王环保科技有限公司 | 诸城市佳品食品机械有限公司| 真空清洗炉_电磁感应真空清洗炉-盐城市盛逸化纤机械有限公司 | 太原万通汽车学校[官网]-太原好的汽修培训学校,学新能源汽车技术,学汽修,学汽车检测与维修技术 | 土石_泥石分离机_无轴滚筒筛_振动筛 - 巩义市鑫利重工机械制造有限公司 | 上海航空货运,上海空运,东方航空快递,机场物流,航空快运,上海东方航空托运公司 | 粮食加工设备_玉米_大米_面粉_燕麦_豆类杂粮加工设备-华豫万通 | 泥沙泵_脱硫泵_潜水泵_离心泵_渣浆泵厂家|诚信为先-泰安华泰泵业制造有限公司 | 信管飞软件官网 - 亚拓软件旗下精细化管理软件、进销存管理软件、混凝土ERP、通风设备ERP、风管报价软件、出纳软件、送货单打印软件、ERP软件等免费下载 | 样品前处理仪器_光谱仪器_色谱/分析仪器_测量/计量仪器_青岛聚创世纪环保科技有限公司 | 绍兴凯渥人力资源有限公司-劳务派遣,劳务分包,代办公司注册 | 柱状_椰壳_蜂窝_果壳_粉状活性炭_活性炭厂家 - 銮桦净化 | 气体检测仪,多功能气体检测仪,四合一检测仪,氯气检测仪,有机挥发气体检测仪,气体报警器-南京诺邦电子科技有限公司 | 十树品牌策划—品牌战略、品牌策划、品牌定位、品牌设计、包装设计、品牌营销-上海十树品牌管理咨询有限公司官网 | 萍乡赣西肿瘤医院|萍乡赣西肿瘤医院--官网-萍乡赣西肿瘤医院 | 热水工程|空气能热水工程|超低温采暖工程|太阳能热水工程|空气源热泵厂家|炬邦热能设备有限公司 热熔钻孔机【优质厂家】_多年热熔钻设备研发制造经验 | 乐贝贝童装批发网-外贸童装批发厂家直销|网上品牌童装批发市场|儿童服装批发首选 | 排烟风机-屋顶风机-消防高温排烟风机-山东凯亿空调 | 水分测定仪_微量水分测定仪_高低温试验箱_昆山鹭工精密仪器有限公司 |