了解JavaScript
今天，我学完HTML和CSS，写了一个小网页就立马进入JavaScript的学习，那么，什么是JavaScript？他和C/C++有什么区别？运行环境是什么？能够实现什么功能？这里我们对JavaScript做一个初步的了解以便往后的学习.
什么是JavaScript？
JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言
解释型和编译型的区别？
（1）之前我接触的是编译型的语言C++和C，学过一些java，像这些语言都是编译型语言，对源码进行编译，还能检查语法错误
（2）而JavaScript在运行之前不需要编译，运行之前不会检查错误指导遇到这个错误为止
运行环境在哪里？
运行环境有两个：
1.独立安装的JS解释器（NodeJS）
2.嵌入在浏览器内核中的JS解释器（打开浏览器，F12调出控制台，选择console）
JS的使用场合
JS的使用场合很广泛，通常在PC，手机，平板，机顶盒中都有使用。
JS的组成
（1）核心（ECMAScript）语法基础
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECMA</title>
</head>
<body>
<script>
var a=[1,2,3,4];
var sum=0;
for(var i=0;i<4;i++)
{
sum+=a[i];
}
document.write(sum);
</script>
</body>
</html>
值得注意的是JS定义变量用var（或者直接不定义），不能是其他，数组也不能是a[]，这和C/C++编程习惯有很大不同。
（2）文档对象模型（DOM，Document Object Model）让JS能够与网页对话
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM文本对象模型</title>
</head>
<body>
<p id="changeStyle">通过DOM改变样式，字号变为24px</p>
<button onclick="document.getElementById('changeStyle').style.fontSize='24px'">点击此处改变字号</button>
</body>
</html>
（3）浏览器对象模型（BOM，Browser Object Model）让JS能够与浏览器对话
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bom</title>
<script type="text/javascript">
function load()
{
window.open('https://www.baidu.com/','blank','width=600,height=400,top=100px,left=0px')
}
</script>
</head>
<body>
<button onclick="load()">百度</button>
</body>
</html>
JS的特点：
（1）开发工具简单，记事本即可
（2）无需编译，直接由JS引擎负责执行
（3）弱类型语言，数据类型由数据来决定（这一点与C++/C区分）
（4）面向对象编程
浏览器的内核的作用：
负责页面内容的渲染。不同浏览器的内容可能不同。
内核主要由两部分组成
1 内容排版引擎解析HTML和CSS
2 脚本解释引擎解析JavaScript
将JS脚本嵌入在HTML页面中的执行的方式
1.将JS代码嵌在元素“事件”中，行内添加JS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS初步</title>
</head>
<body>
<button onclick="alert('行内添加JS')">点击弹出警告窗alert</button>
</body>
</html>
显示按钮，点击弹出alert
2.将JS代码嵌入< scrip >标签中，内嵌标签（可以写在head或者body中）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS初步</title>
<script>
alert('内嵌JS')
</script>
</head>
<body>
<button onclick="alert('行内添加JS')">点击弹出警告窗alert</button>
</body>
</html>
文档加载时会出现alert，点击确定才会显示按钮
3.将JS写在外部脚本文件中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS初步</title>
<script type="text/javascript">
alert('内嵌JS')
</script>
<script src="JS/pop.js"></script>
</head>
<body>
<button onclick="alert('行内添加JS')">点击弹出警告窗alert</button>
</body>
</html>
加载文件时分别显示内嵌，外部文件的添加方式，最后显示按钮