javascript
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()将字符串转换成浮点型,取小数,不管整数。