关于把<script>标签放置的位置引发的关于html容错性的思考
2016-07-19 16:27
483 查看
在网上简单的学过js的教程之后,今天翻了翻犀牛书,突发奇想,把<script>标签内容放在<head>和<body>有什么不同,
head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。
body 部分中的脚本: 当页面被加载时立即执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。当然,放在head里面的会比放在body里面的快一点被浏览器运行到,但肉眼还是看不出来的
查了知乎,原来还有很多人关注到html容错性这一块,我觉得一个答案写得相当好:“让新手有犯错的空间,无论写在哪里,都会出现效果”,这样的话,新手在入门过程中不会感到太挫败,html那时候也才能流行起来
<head>
<script type="text/javascript">
alert("helloworld!");
</script>
</head>
跟一下的响应速度还是差不多的
<body>
<script type="text/javascript">
alert("helloworld!");
</script>
</body>
head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。
body 部分中的脚本: 当页面被加载时立即执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。当然,放在head里面的会比放在body里面的快一点被浏览器运行到,但肉眼还是看不出来的
查了知乎,原来还有很多人关注到html容错性这一块,我觉得一个答案写得相当好:“让新手有犯错的空间,无论写在哪里,都会出现效果”,这样的话,新手在入门过程中不会感到太挫败,html那时候也才能流行起来
<head>
<script type="text/javascript">
alert("helloworld!");
</script>
</head>
跟一下的响应速度还是差不多的
<body>
<script type="text/javascript">
alert("helloworld!");
</script>
</body>
相关文章推荐
- html常见标签及选择符优先级
- Html.DropDownList
- 浏览器是怎样工作的:渲染引擎,HTML解析(连载二)
- KindEditor--开源的在线HTML编辑器
- HTML 列表切换
- jemter使用-9、生成html报告图表指示板
- 本地,怎么把自己做的html页面放到某个域下呢?
- $(this.el).html 与 this.$el.tml区别
- html图片如何等比缩放
- html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- HTML代码中IMG标签的全部属性
- XZ_HTML之HTML列表
- DEDECMS教程:织梦栏目更新HTML出现“模板文件不存在,无法解析文档”的解决方法(转)
- 把office文档转换为html过程中的一些坑
- html中的a标签(超链接)的使用
- html浏览器
- HTMLParser使用--只是为了保存
- HTML之class属性、table元素、块级和内联元素
- HTML与SEO的学习之路