JS学习笔记

一.javascript的认识
javascript是一个面向对象的前端脚本语言，面向浏览器（BOM）以及面向节点（DOM）
alert（“”）；   用于在js中产生一个弹出框
document.write("");     document文本节点是默认内置对象,write方法可以将信息写下页面

二.js基本语法
1.引入规则
1）内部  <script type="text/javascript"></script>
2)外部   <script type="text/javascript" src="js文件的url"></script>
设置字符编码 右击.js文件的p 设置默认字符编码
2.js中变量（弱变量）
var a=1;    //定义数值类型
document.write("a="+a+"<br/>");
var b="sky";  //定义字符串类型
document.write("b="+b+"<br/>");
var c=true;   //定义boolean类型
document.write("c="+c+"<br/>");
var d;     //未赋值
document.write("d="+d+"<br/>");
var e=null;   //置空
document.write("e="+e+"<br/>");
3.在js中定义函数
function 函数名（参数名）{
无返回值
}
function 函数名（参数名）{
return 有返回值
}

函数名（参数）；   函数的调用


三.利用js处理DOM节点
1.利用DOM节点来处理DOM节点事件
function fun(){
}
<input type="button" value="修改" οnclick="fun()"/>

2.利用js修改DOM节点
function fun1(){
document.getElementById("DOM节点id").value="";
}
<input type="button" value="修改DOM节点" οnclick="fun1()"/>

3.利用js增加DOM节点
function fun2(){
var p=document.createElement("元素名");    //创建一个<p></p>
var node=document.createTextNode("文本内容");   //创建一个文本节点
p.appendChild(node);        //<p>node</p>
var 父节点=document.getElementById("父节点id");
var node2=document.getElementById("在哪个节点前加");
父节点.insertBefore(p,node2);    在node2之前加p

4.利用js删除DOM节点
function fun3(){
var parent=document.getElementById("父节点id");     //获得父节点
var node=document.getElementById("删除节点id");     //删除节点
parent.removeElement(node);

}
5.利用js修改DOM节点的CSS样式
function fun4(){
document.getElementById("修改的DOM节点id").style.color="red";    //先获得此DOM节点-->style属性-->其他样式
}

四.利用js创建对象
1.为新建对象增加属性
var o=new Object();
o.name="";
2.删除属性
delete o.name;
3.在js中写构造方法
function fun(param1.param2){
this.param1=param1;
this.param2=param2;
}
var p=new person("","");
p.param1;

2.在js中创建字符串对象
var s="";
var s1=new String("");
s.length   //获得字符串长度
s.indexof("xxx",0);   //从0位置开始，xxx字符串所在位置
s.replace("xxx","yyy");    //将xxx替换成yyy
3.在js中创建一个Date对象
var date=new Date();
date.getDay();    //获得星期0为星期日
date.getFullYear();   //获得年
date.getMonth()+1;    //获得月
date.getDate();    //获得日

3.在js中创建数组
var arr=new Array();
arr[0]=1;
...
arr.length    //数组长度
arr.sort()   //数组排序
arr.reserve()   //数组颠倒
arr.join();    //数组合并
遍历数组
var o;
for(o in arr){
arr[o];
}


4.js中的全局函数
eval（）执行代码函数
var json=eval(json字符串)；//获得json对象

5.window.setTimeout("",毫秒);   //隔多少毫秒执行一次方法
6.window.set("",毫秒)    //每隔多少毫秒执行一次
7.window.open()        //打开一个新窗口
8.window.οnlοad=function(){   //文件加载成功会执行操作
}
9.window.οnresize=function(){    //窗口大小变化时执行方法

}

5.function对象
var func=new Function("参数名","参数名","函数体");
func("参数1","参数2");
func.length   参数个数

func,toString();   函数源码