js随笔

JavaScript常用输出方式
document.write() 可向文档写入 HTML 表达式或 JavaScript 代码
alert() 将信息以警告框的形式展现
innerHTML 获取或者设置对象的HTML内容
基本语句
JavaScript的语法和Java语言类似，每个语句以;结尾，语句块用{…}
注释
以//开头直到行末的字符被视为行注释
块注释是用/…/
变量定义
var 变量名;
JavaScript是一种动态类型语言，也就是说，变量的类型没有限制，可以赋予各种类型的值。
null与undefined都可以表示”没有”，含义非常相似。
undefined 这个值表示变量不含有值
可以通过将变量的值设置为 null 来清空变量
如何定义对象
var obj{
"name":"javascript",
"age":21
}

访问属性obj.age ;obj['name']
使用in关键字判断一个属性是否在对象内
判断name属性是否在obj对象中:'name' in obj
如何定义数组
定义数组并赋值：
var arr=["red","blue","green"];
定义一个空数组：
var arr=[];
通过下标赋值(数组下标从0开始)
arr[0]='red';
arr[1]='blue';
arr[2]='green';

数组操作
1.push:向数组的末尾添加一个或多个元素，并返回新的长度
2.pop:删除并返回数组的最后一个元素
3.join：把数组的所有元素放入一个字符串，元素通过指定的分隔符进行分隔；
例：var arr=['red','blue'];
arr.push('green');
console.log(arr);=>['red','blue','green']
var delItem=arr.pop();
console.log(delItem);=>green
console.log(arr);=>['red','blue']
consloe.log(arr.join("、"));=>red、blue

运算符
+,-,*,/,=,%取余，==等于（数值相等就是true），
===全等(数值和类型一样才是true)，>,<,<=小于等于,>=大于等于,
!非
例：var foo="11"+2-"1";
console.log(foo)
=>111
解释：（字符串）11+（数字）2=（字符串）11+（字符串）2=112
（字符串）112-（数字）1=（数字）112-（数字）1=111
自动转换规则
自动转换为布尔值
当JavaScript遇到预期为布尔值的地方，会将非布尔值的参数自动转换为布尔值，比如if语句的条件部分。
自动转换为字符串
字符串的自动转换，主要发生在加法运算时。当一个值为字符串，另一个值为非字符串，则后者转为字符串。
自动转换为数值
通常在执行算数运算的时候会自动转换成数值类型。
转换规则
如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false转换为0，而true转换为1；
如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值。
如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf方法，用得到的基本类型值按照前面的规则进行比较。
选择结构
if(二选一);switch(多选一)
循环结构
for;while;do-while;for-in
例：var obj={
"name":"javascript",
"age":21
}
for(var key in obj){
console.log(key);
}
=>
name
age

函数定义
function functionName(arg0,arg1,....argn){
//语句
}

重复声明时，后面的函数会覆盖前面的函数
变量作用域
全局变量
未通过var定义的变量
在函数体外部定义的变量
局部变量
在函数体内部定义的变量
JSON
并列的数据之间用逗号（”, “）分隔
映射用冒号（”: “）表示
并列数据的集合（数组）用方括号(“[]”)表示
常用方法：
JSON.stringify()
JSON.stringify方法用于将一个值转为字符串
var jsonObj = [
{"城市":"北京","面积":16800,"人口":1600},
{"城市":"上海","面积":6400,"人口":1800}
];
console.log(JSON.stringify(jsonObj));
JSON.parse()
JSON.parse方法用于将JSON字符串转化成对象
`var jsonStr = ‘[{“城市”:”北京”,”面积”:16800,”人口”:1600},{“城市”:”上海”,”面积”:6400,”人口”:1800}]’;
var jsonObj = JSON.parse(jsonStr);

js浏览器对象：

BOM(browser object model)，简称浏览器对象模型
提供了独立于内容而与浏览器窗口进行交互的对象，主要用于管理窗口与窗口之间的通讯
window对象
所有浏览器都支持 window 对象，它表示浏览器窗口
是BOM的顶层(核心)对象，所有对象都是window的子对象
调用window的子对象时可以不显示的指明window对象
document对象
每个载入浏览器的HTML文档都会成为Document对象
使我们可以从脚本中对HTML页面中的所有元素进行访问
可通过 window.document 对其进行访问
location对象
包含有关当前 URL 的信息，代表浏览器的定位和导航
可通过 window.location 属性来访问
最常用的属性href

jsDOM操作

DOM元素获取
getElementById 通过id获取id元素
getElementsByTagName 通过标签名获取元素
getElementsByClassName 通过class获取元素
innerHTML属性
获取或设置指定节点之中所有的HTML内容
获取指定节点中html内容
var elementsHTML = HTMLElementObject.innerHTML
设置指定节点中html内容
HTMLElementObject.innerHTML= newHtmltext;

Style对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象document.getElementById("id").style.property="值";