理论上来说js标签放在html文档的任何位置都可以,规范起见,推荐放到body结束标签的末尾,包含到body标签内:

<body><!-- 这里是其他的HTML标签 --><script> // 这里是代码 </script>
</body>

这样处理的好处是无需担心因页面未完成加载,造成DOM节点获取不到,使脚本报错的问题,而且能避免因脚本运行缓慢造成页面卡死的问题。另外,Yahoo的前端优化指南里就有这一条。

放在body后面是等body载入完后,依次往下执行,避免: 先载入了js,缺找不到body里面的dom对象而造成js出错,所以一般要用window.onload来判断页面是否载入完成。

有的js为什么放在body里面相关推荐

  1. js文件位置--为甚有些js必须放在尾部

    基于:浏览器加载html是从上往下加载. 在学习vue.js的时候,看到demo上写得注释语句: <!-- JavaScript 代码需要放在尾部(指定的HTML元素之后) --> < ...

  2. php中js代码放在哪,JavaScript

    JavaScript 放在哪里 当页面载入时,会执行位于 body 部分的 JavaScript. 当被调用时,位于 head 部分的 JavaScript 才会被执行. 实例 head 部分 包含函 ...

  3. JS应该放在什么位置?

    (1)放在底部,虽然放在底部照样会阻塞所有呈现,但不会阻塞资源下载 (2)如果嵌入JS放在head中,请把嵌入JS放在CSS头部 (3)使用defer(只支持IE) (4)不要在嵌入的JS中调用运行时 ...

  4. js编码java解码_js编码处理(转)

    1.使用 JS中的 encodeURIComponent或 encodeURI方法. 说明: encodeURIComponent(String) 对传递参数进行设置.不编码字符有 71个: !, ' ...

  5. 6. 管理你的css和js文件 - 从零开始学Laravel

    从零开始学laravel教程目录 在Laravel中我们可以直接将css和js文件放在app/public目录下,不过在正式项目开发中我们可能会使用Sass, Less, Stylus,Browser ...

  6. js学习笔记——在html中嵌入脚本

    一.在html中嵌入js代码: 在html文件里嵌入js代码主要有四种形式: 第一种是通过<script></script>标记,这种一般用来定义一些函数,放在body外: 第 ...

  7. eclipse中java获取js的值_javascript – 如何在Eclipse中使用Selenium将外部.js导入我的Java测试?...

    It works, but it's not very useful, because I want to make an external .js which contains all the Ja ...

  8. 运行js_最新双十一喵币自动领取方法,安卓手机通过js脚本完美运行

    哈喽大家好小编呢,昨天分享了一些喵币的自动脚本,不过很多人今天反应会出现红字错误,例如提示你系统繁忙,请稍后再试了.至于什么原因呢,小编也没有找到,不过那我们可以给他pass掉了,因为今天早上又找到了 ...

  9. webstorm打开网页_网页前端之HTML+CSS+JS

    古柏高枝银杏实,几千年物到而今. 玉纤雪腕白相照,烂银壳破玻璃明. 银杏(学名:Ginkgo biloba),落叶乔木,树冠圆锥形,枝轮生,叶互生,在长枝上散生,二歧状分叉叶脉,果具长梗,下垂,倒卵圆 ...

最新文章

  1. python smtp 群发邮件
  2. 使用Try.NET创建可交互.NET文档
  3. 4.6模拟 宽度优先搜索
  4. 45请求转发和请求重定向区别
  5. 程序员因拒绝带电脑回家工作被开除!获赔19.4万元
  6. 我安装java了_我安装了JAVA为什么.......
  7. iOS DLNA
  8. matlab R2017b 初始化缓慢的问题
  9. android init重启service(进程)
  10. Unity基础知识之协程
  11. ev3编码软件linux,机器人编程软件下载 乐高ev3机器人编程软件(LEGO MINDSTORMS EV3 Home Edition)V1.3.1 中文安装版 下载-脚本之家...
  12. usb调试助手_【小白教程】如何使用米卓同屏助手?
  13. 计算机网络:循环冗余码CRC
  14. php linux 一键部署工具,Linux一键配置工具ezhttp介绍
  15. excel表格打印每页都有表头_Excel打印时如何实现每一页纸上都有表头?
  16. c语言.jpg图片转成数组_如何把pdf图片转成jpg?快看高手私藏实用的技巧
  17. 安装两个Mysql错误 ERROR 2003 (HY000): Can‘t connect to MySQL server on ‘localhost‘ (10061)”
  18. 如何实现同一个ip下同一个80端口部署多个网站?
  19. python数字转换为大写中文_python 人民币数字转汉字大写金额
  20. 南开大学python编程基础_[南开大学]20春学期《Python编程基础》在线作业(答案100分)...

热门文章

  1. 2876: 吃货排排坐
  2. 西南(唐山)交通大学上海校友会第四届理事会第一次会议成功召开
  3. Cpp web(一) Ubuntu下安装使用Crow服务
  4. JAVA毕业设计HTML5“牧经校园疫情防控网站”设计与实现计算机源码+lw文档+系统+调试部署+数据库
  5. FLAC文件格式详解
  6. 钳形万用表使用方法,如何测量电压、电流、电阻?
  7. java两个frame之间_java – JFrame中的两个JPanel,另一个是JP
  8. Python:通过网络爬虫实现一个简易控制台音乐播放器
  9. 组装计算机的游戏,如何组装游戏电脑
  10. 玩一玩Greasemonkey--开发上手篇