学习javaScript核心ECMAScript(一)-----页面中的js
来源:互联网 发布:java外包公司怎么找 编辑:程序博客网 时间:2024/05/29 13:43
一.JavaScript的实现
完整的javaScript的实现由下面三个部分组成:
1.1. 核心(ECMAScript)
1.2. 文档对象模型(DOM)
1.3. 浏览器对象模型(BOM)
二..在HTML中使用JavaScript
<script>元素
<1>.async:可选。表示应该立即下载脚本,但是不妨碍页面中的其他操作(只对外部脚本起作用)。
<2> defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行(只对外部脚本起作用)。
<3> src:可选。表示包含要执行代码的外部文件。
<4> type:可选。默认为text/javascript。
使用defer元素延迟脚本
<script type="text/javascript" defer="defer" src="a.js"></script> (把延迟脚本放在页面底部是最佳选择)
使用async异步脚本<script type="text/javascript" async src="a.js"></script> (不要在异步脚本加载期间修改DOM)
注意:想要输出</script>,需要使用<\/script>。如果直接使用,浏览器会认为是script的数据。
位置:
传统做法:所有<script>元素都放入到页面的<head>元素中。
现代做法:把所有JavaScript引用放到<body>元素中页面内容的后面---保证在解析JavaScript代码前,页面的内容完全呈现在浏览器中,用户体验性更好。
顺序:
所有<script>元素都在他们在页面中出现的位置先后依次被解析。在不使用defer和async属性的情况下,只有在解析完前面的<script>元素中的代码之后,才会开始解析后面的<script>元素中的代码。
扩展:
<noscript>元素
使用情况:1>浏览器不支持脚本
2>浏览器支持脚本,但脚本被禁用。
只有在以上情况中<noscript>。。。</noscript>元素中的内容才会显示。
0 0
- 学习javaScript核心ECMAScript(一)-----页面中的js
- JavaScript的核心——ECMAScript(一)
- 《JavaScript高级程序设计》学习总结之ECMAScript基础(一)
- ECMAScript学习笔记(一)
- 【JavaScript学习】ECMAScript数据类型
- JS学习:JavaScript的核心
- JavaScript程序开发(一)—JavaScript和ECMAScript异同
- JavaScript 拾碎[一] ECMAScript 简介
- javascript中的BOM与DOM、JS核心
- js的数组ECMAScript 5加入的方法(一)
- JAVASCRIPT基础学习篇(5)--ECMAScript Basic1(EcmaScript 基本类型)
- JAVASCRIPT基础学习篇(6)--ECMAScript Basic2(EcmaScript 引用类型)
- JAVASCRIPT基础学习篇(7)--ECMAScript Basic3(EcmaScript 运算符)
- JAVASCRIPT基础学习篇(8)--ECMAScript Basic4(EcmaScript 表达式)
- JAVASCRIPT基础学习篇(9)--ECMAScript Basic5(EcmaScript Function)
- JavaScript学习笔记(一)——核心语法
- JavaScript学习路上---js 核心概念
- 核心Javascript教程(一)
- VXLAN 概念(Part I) - 每天5分钟玩转 OpenStack(108)
- tomas-hardy
- 11月03日 星期四
- (四)工厂方法模式详解(另附简单工厂的死亡之路)
- OpenGL深度测试
- 学习javaScript核心ECMAScript(一)-----页面中的js
- Android产品研发(二十二)-->Android实用调试技巧
- VTK修炼之道3_VTK体系结构2
- python基础(一)
- codeforces gym 101142 F(思维)
- 一道奇怪的题
- js实现拖动改变层的大小(宽度)
- atitit.TokenService v3 qb1 token服务模块的设计 新特性.docx
- 队列的链式建立和操作