js

本文用markdown编辑，学习链接 blog

js的基础知识

js变量类型包括：数值型、字符串型、布尔类型、对象类型、数组类型

 var a=3.14;    //数值类型
 var b='hello';  //字符串类型,可以用单引号也可以用双引号
 var c="hello";    
 var d=true;     //布尔类型
 var e={name:"elain",age:23};//对象类型
 var f=[1,'hello',"world",true];//数组类型
 var g=null;//未定义对象
 var h=undefined;//未定义变量    //undefinded和null的区别是 undefined是指原生类型的变量未声明，null是指对象类型的变量未声明，原生类型是指数值类型、字符型、字/符串类型、bool类型这些

js引入方式

 <Script src=""></Script>
 <Script>
    var a=1;
 </Script>

注：js一般引用的位置是在body最下方，原因是浏览器引擎是从上往下解析的，先把整个DOM对象读出来在用js进行操纵。
可以在浏览器中停用js解释器，这样js就不起作用了。一般情况下js引擎是在浏览器中，当把js引擎放到服务器中，就可以操作服务器上的文件等信息，这样的成为服务器端js框架，例如node.js。

---

js内置对象常用属性

String 字符串对象

• length 属性：长度
• concact(String) 连接两个或更多个字符串
• indexOf(String) 返回出现字符串的位置
• substr(num1,[num2]) 截取字符串
• toLowerCase() 转换成小写
• toUpperCase() 转换成大写
• replace(str1,str2) 字符串替换

---

Date对象

---

Math对象

Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()

---

Array对象

浏览器window对象

window对象是浏览器宿主对象，与js语言无关，但js可以操控window对象

注：Window 对象表示浏览器中打开的窗口，虽然没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。
window对象的常用方法

对象选择

<script>
		//用id查询 返回对象
		var a=document.getElementById("t1").style.border="1px solid red";
		alert(document.getElementById("t1"));//输出HTMLDivElement

		//用标签查询 返回集合
		document.getElementsByTagName("p")[0].style.background="green";
		alert(document.getElementsByTagName("p"));//输出HTMLCollection

		//表单元素可以用name来查询 返回对象集合
		document.getElementsByName("t3")[0].value="blue";

		//按照类名查找 返回集合
		document.getElementsByClassName("t2")[0].style.background="blue";

		//查找子对象
		document.getElementsByTagName("p").firstChild;
		alert(document.getElementsByTagName("p")[0].parentNode.style.background="lightyellow");
	</script>