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

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 版權所有:匯仁智杰

主站蜘蛛池模板: 上海乾乙智能科技有限公司官网 | 无塔供水设备_无负压供水设备_变频供水设备_净化过滤设备_加油站油罐_S/F双层油罐_开封市东方供水设备有限公司 | 消防栓保温罩,玻璃钢灭火器箱,玻璃钢消防沙箱-潍坊辰阳玻璃钢有限公司 | 眉山净源居环保科技有限公司,眉山除甲醛公司,眉山甲醛治理,眉山保洁服务,眉山家政保洁,眉山家电维修 - 眉山净源居环保科技有限公司,眉山除甲醛公司,眉山甲醛治理,眉山保洁服务,眉山家政保洁,眉山家电维修 | 辽宁华宇设备安装有限公司--朝阳消防安装公司,朝阳机电安装公司,朝阳电力安装公司 | 自动烘干线,工业烘箱生产厂家-湖南耐美特智能装备有限公司官方网站 | 无塔供水设备_无负压供水设备_变频供水设备_净化过滤设备_加油站油罐_S/F双层油罐_开封市东方供水设备有限公司 | 郑州课桌椅|学生课桌椅|升降课桌椅批发|厂家|价格-新科教育用品 郑州井盖雨水篦子厂家-建联建材 | 太原万通汽车学校[官网]-太原好的汽修培训学校,学新能源汽车技术,学汽修,学汽车检测与维修技术 | 纳米砂磨机|纳米研磨机|实验室砂磨机-无锡市少宏粉体科技有限公司 | 水阻柜-液阻柜-高压开关柜-高压固态软启动柜-磁控软启动柜-电解粉-无功补偿柜-配电柜-襄阳源创电气 | 汽修学校|汽车维修学校收费|全国职业技校汽修-北京万通汽修学校 汽车轴承|圆锥滚子轴承|轴承生产厂家|赛襄轴承 | 上海搬运公司_上海工厂设备搬迁_大型设备吊装搬运_设备安装公司-桂星装卸搬运 | 湖南净声源环保科技有限公司是一家专业从事噪声治理和建筑声学设计生态环境综合治理服务的企业,专业从事株洲电梯隔音治理,湘潭中央空调降噪处理,衡阳邵阳冷却塔噪音治理,岳阳常德大型风机噪声隔音降噪,张家界空压机噪声治理,益阳配电房变压器噪声治理,专业郴州永州工厂企业车间噪声治理,怀化娄底专业机械设备减振降治理,武汉噪音治理隔音降噪公司,孝感噪音治理,立式球磨机的噪声控制,专业隔音降噪公司,、以及各类机械动力设备减振降噪噪声治理的公司,同时为客户提供咨询与解决方案 | 校园防欺凌|视频一键式报警器|防霸凌报警柱|停车场语音对讲|商铺联网报警|应急广播音柱|居家养老一键通|盾王可视联网运营中心 | 宁波华路德|交通信号灯|交通信号机|太阳能信号灯|交通警示灯|交通信号灯厂家 | 远东齿轮泵|高粘度齿轮泵|三螺杆油泵|沥青保温泵|高粘度稠油泵-远东泵业官网 | 液压升降机_导轨式电动液压升降平台_别墅电梯生产厂家-海南重康升降机 | 天津鸿宸机械设备有限公司-提取浓缩设备和生物制药设备以及制剂设备、粉碎设备、烘干等设备供应商 | 注册会计师考试_CPA考试_注册会计师培训-北京注册会计师协会培训网 | 木工圆锯片,进口锯片厂家,合金锯片生产厂家,木工合金锯片,BAK(百恪)刀具有限公司 | 陕西筱润智能科技有限公司 干部人事智能档案柜 智能密集架 智能档案柜 部队选层文件智能柜 智能枪弹柜 财务智能档案柜 边防武警智能密集架 医院智能档案柜 部队选层文件智能柜智能枪弹柜 学校医院文件柜 企事业单位公检法智能文件柜 生产厂家-筱润智能科技有限公司 RFID射频智能密集架 全自动智能选层档案柜 智能密保柜 枪柜部队营房营具床桌椅办公家具 办公用品档案盒设备货架 全自动智能选层柜生产厂家-筱润智能科技有限公司 | 中婴网,推动母婴产业健康·可持续发展,婴童网络专业传媒,母婴网,360孕婴童网,婴童品牌,婴儿用品品牌,婴儿用品加盟店,母婴用品加盟店 | 红都服装官网-北京红都西服-红都西服定制-北京红都集团 | 名片印刷,名片制作,名片设计,印刷彩色名片,数码快印名片-北京瑞思凯信息咨询公司 | 天津津腾,微孔滤膜,隔膜真空泵,针式过滤器-艾科仪器 | 树枝粉碎机,锯末机,木材粉碎机的专业生产厂家利鑫机械,问价格找利鑫 | 深圳市佳顺优印印刷有限公司,佳顺优印,画册印刷,海报印刷,封套印刷,手提袋印刷,包装盒印刷,彩盒印刷,无碳纸印刷,不干胶印刷,信封印刷,便笺印刷,笔记本印刷,台历印刷,挂历印刷,国际会展中心附近印刷厂,宝安印刷厂,宝安教材印刷厂 | 清关公司_进口报关公司【恒邦】进口报关流程及费用 | 模压机|硫化机|平板硫化机生产厂家-南通海利特橡塑机械有限公司 模压化粪池_三格式化粪池_玻璃钢化粪池厂家 | 兰州职业学校-新华互联网学校咨询平台中心 | 浙江凯力防爆电气集团有限公司【官网】 | 绝缘纸板-3240环氧板-酚醛布板-FR4环氧板-沈阳友达绝缘材料有限公司 | 碳化硅微粉_超细碳化硅微粉-潍坊凯华碳化硅微粉有限公司 | 金相切割机-金相磨抛机-显微/维氏/布氏/洛氏硬度计-自准直仪-金相显微镜-万能材料试验机-清洁度检测仪-淋雨试验机-上海中研精密仪器制造有限公司 | 生物柴油设备,乙醇精馏塔,醋酸精馏塔生产厂家-无锡弘鼎华化工设备有限公司 | 移动破碎站-洗沙机-球磨制砂机-污泥处理-青州冠诚重工机械有限公司 | 九洲集团官网(300040)—哈尔滨九洲集团股份有限公司 | 品牌策划-品牌设计-济南之式传媒广告有限公司官网-提供品牌整合丨影视创意丨公关活动丨数字营销丨自媒体运营丨数字营销 | 潍坊亿宏重工机械有限公司,破碎机,高性能立磨机,颚式破碎机,锤式破碎机反击式破碎机,重锤式破碎机,高性能反击式破碎机,圆锥式破碎机,给料机系列,链板给料机系列,简易给料机系列,振动给料机 | 欧派板材官网 | 全屋定制板材 专业供应商|