JavaScript 学习笔记一
2018-03-06 13:59
99 查看
1、<script type="text/javascript" src="example.js" />不能在 HTML 文档使用这种语法。原因是这种语法不符合 HTML 规范，而且也得不到某些浏览器（尤其是 IE）的正确解析
2、按照传统的做法，所有<script>元素都应该放在页面的<head>元素中，这种做法的目的就是把所有外部文件（包括 CSS 文件和 JavaScript 文件）的引用都放在相同的地方。可是，在文档的<head>元素中包含所有 JavaScript 文件，意味着必须等到全部 JavaScript 代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于那些需要很多 JavaScript 代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。为了避免这个问题，现代 Web 应用程序一般都把全部 JavaScript 引用放在<body>元素中页面内容的后面，如下例所示
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"</script>
<script type="text/javascript" src="example2.js"></script>
</body>
2、按照传统的做法，所有<script>元素都应该放在页面的<head>元素中，这种做法的目的就是把所有外部文件（包括 CSS 文件和 JavaScript 文件）的引用都放在相同的地方。可是，在文档的<head>元素中包含所有 JavaScript 文件，意味着必须等到全部 JavaScript 代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于那些需要很多 JavaScript 代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。为了避免这个问题，现代 Web 应用程序一般都把全部 JavaScript 引用放在<body>元素中页面内容的后面，如下例所示
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"</script>
<script type="text/javascript" src="example2.js"></script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Java程序猿的JavaScript学习笔记（8——jQuery选择器）
- JavaScript学习笔记之JS函数
- JavaScript的类型转换( 本贴来自网易前端微专业的个人学习笔记 )
- ”JavaScript 秘密花园“ 学习笔记 :
- javascript学习笔记 （六）-ajax相关
- JavaScript学习笔记-跨站脚本(Cross-site scripting，CSS，XSS)漏洞
- JavaScript学习笔记（二）——从简单开始学起
- 韩顺平 javascript教学视频_学习笔记22_js事件驱动机制_js事件分类_js访问css技术
- javascript学习笔记（五）正则表达式
- js-JavaScript高级程序设计学习笔记19
- JavaScript高级程序设计学习笔记--引用类型
- JavaScript学习笔记--第一章
- JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
- JavaScript学习笔记六
- [持续更新]JavaScript学习笔记（八）
- JavaScript 学习笔记（三）window.open (……)、window.confirm("**")、window.status="**"、reload()、href('**')、go(*)
- accp6.0 《使用javascript增强交互效果》学习笔记ch6 表单基本验证技术
- JavaScript网页特效学习笔记1
- JavaScript事件处理程序 学习笔记