1、掌握Javascript的用途和发展状况。
html:结构 超文本标记语言
css:样式 层叠样式表
JavaScript:行为 脚木语言
用途:开发交互式的web页面
2、发展状况
1995网景公司 开发的;滥用情况:广告、弹窗、恶意代码;ajax;实现了页面的局部刷新。
3、js的特点
脚本语言
非脚木语言:一般需要先编译生成可执行文件才能运行;
脚本语言:依赖于解释器,在调用时自动进行解释或编译。
可跨平台
不依赖操作系统,只需要浏览器支持。
支持面向对象
4、JavaScript与ECMAScript的关系
es通常看做是js的标准化规范,js是es的扩展语言。
5、JavaScript的基本使用
引擎:
渲染引擎:浏览器内核,主要功能是解析HTML/CSS进行渲染页面
js引擎:专门处理js脚本的。早期测览器内核包含js引擎。
绑定js方式:
(1)行内式:将js代码作为html标签的属性值使用。
<a href-"javascript:alert('我的第一个JavaScript程序');">test</a >
<input type="button" onclick "alert('Hello') ;" value="test">
(2)嵌入式:使用<script>包裹js代码,直接写到html文件中,type属性--告知浏览器脚本类型,type默认值:text/JavaScript,html5可以省略type属性。
</script>
alert('我的第一个JavaScript程序');
</script>
(3)外链式:将js代码保存到一个单独的文件中,通常使用'js'作为文件的拓展名,然后使用<script>标签的双人床属性引入文件中。
<script src-'001.js'></script>
注意:内联式、外链式引入js代码时,页而的下载和渲染会暂停,等待脚本执行完成才会继续。
a、将不需要提前执行的代码,将<script>标签放到<body>标签的底部。
b、window.οnlοad=function()()
c、htm15新增的async、defer属性
async:先下载html页面,不阻塞其他代码的执行,下载完再执行;
<script src='001.js' async></script>
defer:延后执行,先下载html页而,直到网页加载完成后再执行;
<script src='001.js'defer></script>
6、常用的输出语句
a、alert() 警告框
b、console.log()控制台输出
c、document.write() 文档页而输出
7、js注释语句
单行注释://
多行注释:/* */