JavaScript基础学习笔记(二)

更新一下JavaScript基础学习笔记(一)中的内容:

5、函数
    5.1、普通函数定义
        function name(){
            js代码块
        }
        function name(x1,x2){
            x1 和x2为参数
            但是不用声明参数的类型
        }
        function name(){
            return x;
            return ;终止运行
            带有返回值的函数,不用声明返回值的类型
        }
    5.2、定义匿名函数
        var name=function(x1,x2){


        }
    5.3、使用函数构造函数

        var name=new Function("x1","x2","函数体");



8、使用JavaScript操纵html Dom树
主要包括
1、改变元素中的内容
2、改变元素的样式
3、对html DOM事件做出反应
4、添加或者是删除html元素


1、改变元素中的内容\
document.getElementById("id").innerHTML="新的内容";
document.getElementById("id").属性=属性值
document.getElementById("id").style.属性="属性值";  //改变css属性来改变样式
添加或者删除html元素
添加:
var para=document.createElement("p");//创建一个p元素节点
var node=document.createTextNode("元素所含的内容");
para.appendChild(node);//将node放到para元素节点中
var element=document.getElementById("id")//获得一个块级元素
element.appendChild(para);//将para元素添加到element的块级元素之内


删除
var parent=document.getElementById("父元素的id");
var child=document.getElementById("子元素的id");
parent.removeChild(child); //将子元素从父元素中删除
或者先找到想要删除的子元素
var child=document.getElementById("子元素的ID");
然后找父元素:child.parentNode.removeChild(child);


9、
自定义对象
    9.1、声明定义法
    var object={
        属性:属性值;
        ...
    }
    9.2、var object_name=new object();
        object.属性=属性值;
    9.3自定义构造函数来创建对象
    要自定义一个 object 类型的对象 
    则定义一个名为 object的构造函数
    function object(x1,x2,x3){
        this.x1=x1;
        this.x2=x2;
        this.x3=x3;
    }
    然后在声明是 var ob1=new object("x1","x2","x3");则完成了初始化
    但是如果在构造函数中定义了过多的属性和方法,会增加运行所花的内存
    则可以在构造函数中放少量的属性,然后使用:
    object.prototype.name(属性名)=value(属性值或则是函数名);
    这样所有的object类型的对象在声明时会自动添加这些属性,而不用每个对象都重新添加一次
    9.4、通过内置的object类型来构造对象
        如: var sss=new Date();


猜你喜欢

转载自blog.csdn.net/xiongshiyuan/article/details/79448287
今日推荐