JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>
JavaScript 能够直接写入 HTML 输出流中： 这是一个标题 这是一个段落。 您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
<button type="button" onclick="alert('欢迎!')">点我!</button>
结果：直接在网页面弹出对话框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p> <script>
//2.执行函数 function myFunction() { x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容：
在页面打印ello JavaScript!
//不只改变内容，还可以改变 文字大小，样式等等都是可以的 } </script>
//1.按钮触发函数 <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
onclick 事件只是您即将在本教程中学到的众多事件之一
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据：
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。程序中调试是测试，查找及减少bug(错误)的过程。
-
使用 window.alert() 弹出警告框。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert(5 + 6); </script> </body> </html>
使用 document.write() 方法将内容写到 HTML 文档中。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落。</p> <script> document.getElementById("demo").innerHTML="段落已修改。"; </script> </body> </html>
使用 innerHTML 写入到 HTML 元素。
Javascript的变量
变量需要遵循以下规则
。 首字母必须是字母（大小写均可）、下划线（_）、或者美元符号（$）
。 余下的字母可以是下划线、美元符号、任意字母或者是数字字符
。 变量名不能使关键字
同时变量名对大小写很敏感。
声明变量
显示声明： var
陋习： 没有类型；重复声明；隐式声明；不声明直接赋值。、
正解： 先声明后续写，先赋值后运算。、
变量类型；
- 数值类型（number）：包含整数和浮点数；
- 字符串类型（String）：字符串必须用双引号或单引号括起来；
- 布尔类型（boolean）：只有true或false两个值；
- 未定义类型（Undefined）：专门用来确定一个已经创建但是没有初值的变量；
- 空类型（Null）：用于表明某个变量的值为空(表明变量已经被赋值，但赋的值为空)；
- 对象类型（Object）：数组、日期对象等
作用域
全局变量：
范围：
在函数体外定义的变量‘
在函数体内部定义的无var的变量；
调用：
任何位置
局部变量：
范围：
在函数内部是用var生命的变量
函数的参数变量
特性：
全局变量是全局对象的属性
局部变量是调用对象的属性
数据类型间的转换
通过“+”号或toString()方法将数值转换成字符串。
通过parseInt()将字符串转换成整型，只取整数，小数点不取自动过滤掉
通过parseFloat()将字符串转换成浮点型，取小数，不管整数。