01-JavaScript简介
2018-11-04 本文已影响0人
喝酸奶要舔盖__
什么是JavaScript？
- JavaScript简称JS，是前端开发的一门脚本语言(解释型语言)
- 解释型语言：程序执行之前，不需要编译就可以直接运行, 运行时再边解析边执行的语言
JavaScript组成
- ECMAScript：JavaScript的语法标准
- ECMA是European Computer Manufacturers Association的缩写，即欧洲计算机制造商协会
- ECMAScript是ECMA制定的脚本语言的标准, 规定了一种脚本语言实现应该包含的基本内容
- JavaScript是脚本语言的一种,所以JavaScript也必须遵守ECMAScript标准,包含ECMAScript标准中规定的基本内容
- DOM(Document Object Model)：JavaScript操作网页上的元素(标签)的API
- DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作
- BOM(Browser Object Model)：JavaScript操作浏览器的部分功能的API
- 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等
JavaScript书写格式
- 行内式格式(不推荐)
<div onclick="alert('hello world');">我是div</div>
- 内嵌式格式
</body>
... ...
<script type="text/javascript">
alert("hello world");
</script>
</body>
- 内嵌式注意点
- 通常将js代码放在body的最后, 因为HTML是从上至下加载, 而js代码通常是给标签添加交互(操作元素), 所以需要先加载HTML, 否则如果执行js代码时HTML还未被加载, 那么js代码将无法添加交互(操作元素);
- HTML页面中出现<script>标签后，就会让页面暂停等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式，页面的下载和渲染都必须停下来等待脚本的执行完成才能继续, 所以如果把js代码写在head中, 那么js代码没有执行完毕之前后续网页无法查看
- 如果不愿意把js代码放在body的最后, 也可以放在head标签中, 但是为了保证执行js代码时HTML一定已经被加载了, 那么需要添加一些额外代码.(不推荐)
<head>
<script>
window.onload = function () { // 必须添加这句
alert("hello world");
}
</script>
</head>`
- 外链式格式
<script type="text/javascript" src="01-js书写格式.js"></script>
- 外链式注意点
- 外链式的script代码块中不能编写js代码, 即便写了也不会执行
- 由于
每次加载外链式的js文件都会发送一次请求, 这样非常消耗性能, 所以在企业开发中推荐将多个JS文件合成为一个JS文件,以提升网页的性能和加载速度
JavaScript常见输出方式
- 1.在浏览器弹窗中输出内容
效果: 弹出一个窗口, 将传入的字符串输出给我们看
alert("我是一个弹窗");
- 2.效果: 和alert一样, 会弹出一个窗口, 但是比alert多了一个按钮
confirm("我是弹窗")
- 3.效果: 弹出一个窗口, 让用户输入内容
prompt("我是弹窗3");
- 在网页中输出内容
document.write("写点内容");
- 在控制台中输出
正常在控制台打印
console.log("写点东西");
打印的内容为红色,常用来提示错误信息
console.error("提示错误");
打印内容为黄色,常用来警告信息
console.warn("报警");
