JavaScript简介
什么是JavaScript
- 运行在客服端(比如浏览器)的一门脚本语言
- 每个浏览器都有解析引擎
- 不需要编译,浏览器直接解析
版本
- 1995年第一版
- 2009年ES5发布(目前用的最多的)
- 2015年ES6发布,与ES5差距很大。
网页解析过程
1.客户端请求网页
2.服务器返回网页
3.浏览器解析
html作为结构,决定网页的结构与内容。
css作为样式,决定网页形式(什么样子)。
js作为行为,决定网页要干什么。
JavaScript组成
- ECMAScript:脚本语言规范(语法、变量、运算符等)。
- BOM:浏览器对象模型,通过BOM控制浏览器移动、跳转页面等。
- DOM:文档对象模型,通过DOM操作HTML文档,如读取、修改页面内容等。
JavaScript引用方式
将js代码放在<script>标签内,<script>可以放在任意位置。
除非特殊情况,尽量将<script>放在<body>后面,防止html加载缓慢,js操作出现异常。
<script type="text/javascript">
alert(‘hello world!’) //alert()方法为弹出一个警告对话框
</script>
将js文件写在外部js文件中,通过<script>中的src属性引入。
<script src="./index.js" type="text javascript" charset="utf-8">
</script>
行内js
直接将代码写在HTML元素内,但是有诸如安全之类的问题,不推荐使用。
<button type="button"
onclick="javascript:alert('hello world!')">click me
</button>