Python之路，day16-javascript基础
发展历史： 1.table 2.table + css 3.div + css
js:
js简介：
1.JavaScript 被设计用来向 HTML 页面添加交互行为。
2.JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
3.JavaScript 通常被直接嵌入 HTML 页面。
4.JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）
浏览器---解释器：
1.html解释器 2.css解释器 3.js解释器
js的书写方式：
1.<!--js的第一种书写方式--> <script> alert('dsadsads'); </script>
2.js的第二种书写方式 <script src="a.js"></script>
3.注释方式
3.1 单行注释 //我是单行注释
3.2 多行注释 /**/
4.变量 python： name = “alex” js：
4.1: 局部变量 var name = "alex";
(1).变量对大小写敏感（y 和 Y 是两个不同的变量）
(2).第一个字符必须是字母、下划线（_）或美元符号（$）
(3).余下的字符可以是下划线、美元符号或任何字母或数字字符 注释：由于 JavaScript 对大小写敏感，变量名也对大小写敏感。
4.2 全局变量 name = "alex";
5.数据类型：
5.1数字 var num = 10; var num = 10.2; var num = 10.; var num = .1; var num = "1234dsadsa"; parseInt(num); // 1234 parseFloat();
5.2字符串 var str = "alex is sb"; console.log(str); 5.3列表（数组） var arrname = [元素0,元素1,….];
循环：
var arr = ['zahngsan','lisi','taoge','hailong'];
python：
for i in arr: print(i)
js:
第一种循环方式： var arr = ['zahngsan','lisi','taoge','hailong']; for(var i=0; i<arr.length; i = i+1){ console.log('dsadsadsa'); }
第二种方式： var dict = {"name":"lisi","age":'23'}; for(var i in arr){ console.log(arr[i]); } 5.4字典(json) var dict = {"name":"lisi","age":'23'};
5.6 bool true or false
5.7 function
6.基本的运算符：
算术运算符： + - * / % ++ -- ++： var num = 1; num++; // num = num + 1;
比较运算符： > >= < <= 全等 和 相等 != == === !==
逻辑运算符： && || ！
赋值运算符： = += -= *= /=
字符串运算符： + 连接，两边操作数有一个或两个是字符串就做连接运算
7.流程控制：
1.顺序结构 console.log("吃饭"); console.log("睡觉"); console.log("打豆豆");
2.分支结构
2.1 单分支结构 if(表达式){ }
2.2双分支 if(){ }eles{ }
2.3 多路分支 if(){ }else if(){ }else if(){ }else{ }
2.4 switch...case swicth(){ case : consoel.log(); break; }
3.循环结构 先干一次 再说
do...while
var n = 0;
do{
console.log('dsdsadsa');
n = n + 1 }
while(n<3);
4.函数
python ：
def test():
console.log("fuck hailong");
js的函数有三种书写方式：
1.function test(){ console.log(); }
2.var test = function(){ console.log('dsadsaj'); } test();
3.(function(){ consoel.log('dsadsa'); })()
8.序列化
JSON.stringify(obj) 序列化 JSON.parse(str) 反序列化
2、转义 decodeURI( ) URl中未转义的字符 decodeURIComponent( ) URI组件中的未转义字符 encodeURI( ) URI中的转义字符 encodeURIComponent( ) 转义URI组件中的字符 URIError 由URl的编码和解码方法抛出
DOM 1.直接查找： document.getElementById(“idname”) document.getElementsByTagName(“tagname”) document.getElementsByName(“name”) document.getElementsByClassName(“name”) 2.间接查找 parentElement // 父节点标签元素 children // 所有子标签 firstElementChild // 第一个子标签元素 lastElementChild // 最后一个子标签元素 nextElementtSibling // 下一个兄弟标签元素 previousElementSibling // 上一个兄弟标签元素