JS简介
介绍:
和java几乎没有关系
是一种编程语言
起源:填写信息 账户名 密码 有规则
以前网很慢 发给服务器验证再返回的时间太长 体验太差 所以把这些验证放在浏览器上验证不会花费太长时间（网页前端验证）
最早：NetScape（网景）----- Navigator浏览器（航海家）
该公司发现了这个不足之处 所以发明了LiveScript（JS前身）
----前端验证 后来SUN公司介入更名JS
当然现在的JS不止于前端验证 因为网速现在很快了即使将验证放在服务器也可以 功能还有动态效果 NodeJS是写服务器（后端）
后来：微软 ---- Explorer ----- Navigator · JScript ------ JS 功能一摸一样
NetScape干不过微软所以捐给了欧洲计算机协会----标准ECMAScript（ES）
是标准但是没有实现就和内核一样
不同的浏览器厂商不同实现 —实现方式（引擎）
FireFox前身是Navigator-----SpiderMonkey
Chrome------v8（整个JS当中最快的一个引擎）NodeJS也是用这个
JS=ES+DOM（文档对象模型）提供一组对象来操纵网页+BOM（浏览器对象模型）提供一组对象来操纵浏览器
JS特点：
- 解释性语言
写完直接运行不用编译 - 动态语言–变量的值比较任意可以保存
任意类型的数据 - 基于原型的
面向对象
script标签
alert() 警告 弹框
document 文档（一个网页就是一个文档）
document.write() 可以向body中输出一个内容
console.log()向控制台输出一个内容（日志）
JS代码从上到下依次执行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
alert("这是我的第一行JS代码");
document.write("你看我出不出来哦～");
console.log("猜猜我在哪出来");
</script>
</head>
<body>
</body>
</html>
JS编写位置
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
alert("我是内部的script代码");
</script>
</head>
<body>
<button onclick="alert('讨厌，你点我干嘛～');">点我一下</button>
<a href="javascript:alert('让你点你就点？');">你也点我一下呗</a>
<a href="javascript:;">你也点我一下</a>
</body>
</html>
alert("我是外部JS文件中的代码");
JS基本语法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
console.log("hello");
</script>
</head>
<body>
</body>
</html>
字面量和变量
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
var a;
a = 10;
a = 20;
console.log(a);
var b = 30;
console.log(b);
</script>
</head>
<body>
</body>
</html>
标识符
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
var 中国 = 520;
console.log(中国);
</script>
</head>
<body>
</body>
</html>
|