js基础
- js输出
- window.alert()警告框
-
/*如果是window.alert(),window可以省略*/ window.alert('yhs'); - document.write()写道html文档中
-
document.write('hello!js'); - innerHTML写道HTML元素
-
<body> <p id="one"></p> <script type="text/javascript"> document.getElementById('one').innerHTML = "helloworld"; </script> </body> - console.log()写道浏览器控制台
-
console.log('i am a boy');
2.js语句和注释
- 分号
- JavaScript代码
- JavaScript语句标识符
- 代码块
- 单行和多行注释
-
<script type="text/javascript"> var a = 1; //js语句标识符 var if for function b () { var c = 2; } b(); // /** * */ </script>
3.js数据类型
-
-
- 字符串(String)
- 数字(Number)
- 布尔(Boolean)
- 数组(Array)
- 对象(Object)
- 空(null)
- 未定义(Undefined)
-
var x; //x 为undefined var y = 5; //y 为数字 var z = "John"; //z 为字符串 var a = false; //a 为布尔 var b = new Array(); b[0] = "xxx"; var b = new Array("aaa","bbb","ccc"); var b = ["aaa","bbb","ccc"]; //javascript对象 var person ={ firstname:"John", lastname:"Doe", id:5566}; console.log(person.firstname); console.log(person["firstname"]); //可以通过将变量的值设置为null来清空变量 var car = null;
-
4.js变量
-
-
- 变量必须以字母开头
- 变量也能以$和_符号开头(不过不推荐这样使用)
- 变量名称对大小写敏感(y和Y是不同的变量)
-
5.js函数
-
-
- 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
- function a(参数){} 声明会前置
- var a = function(参数){}
- 函数中return
-
<script type="text/javascript"> var c = function () { } c(); function b() { } b(); </script> -
function d() { return "this is return function"; } var d1 = d(); console.log('this is a d1: ',d1);
//控制台输出this is a d1: this is return function
-
6.js运算符
-
-
- 赋值运算符 = += -=
- 算术运算符 + - * /
- 字符串的+运算符
-
7.js比较与逻辑运算符
-
-
- < 小于
- > 大于
- == 等于 1 == ‘1’
- === 绝对等于(值和类型均相等)
- != 不等于
- && and
- || or
-
8.js条件语句与switch语句
-
-
- 条件语句：if else if else
- switch语句：switch case break default
-
9.js中for循环与while循环
-
-
- for - 循环代码块一定的次数
- for/in - 循环遍历对象
- while - 当指定的条件为true时循环指定的代码块
-
<script type="text/javascript"> var person = { name : 'json', age : 23, sg : 170 } for ( key in person){ console.log(person[key]); } </script>
-
10.js中break和continue语句
-
-
- break语句可用于跳出循环
- continue语句跳出本次循环，继续执行
-