Java课后总结（JavaScript获取元素位置，创建对象，构造函数，原型）

JavaScript获取元素位置

元素属性应用：

使用的方式：

document.documentElement.scrollTop;             或者      document.boby.scrollTop;

document.documentElement.scrollLeft;             或者       document.boby.scrollLeft; 

注：前者适用于标准浏览器，后者适应Chrome浏览器

页面浮动窗口固定相关代码：

<script type="text/javascript">
var div_float=document.getElementById("float")
var imgTop;
var imgleft;
//元素初始化的方法
function info() {
   if(div_float.currentStyle){
//注意浏览器兼容性，获取图片初始的位置
       imgleft=parseInt(div_float.currentStyle.left);
imgTop=parseInt(div_float.currentStyle.top);
}else{
       imgTop=parseInt(document.defaultView.getComputedStyle(div_float,null).top);
                imgleft=parseInt(document.defaultView.getComputedStyle(div_float,null).left);
}
    }
    function move() {
//获得滚动条垂直于水平位置，注意浏览器兼容性
var  newLeft=parseInt(document.documentElement.scrollLeft||document.body.scrollLeft);
        var  newTop=parseInt(document.documentElement.scrollTop||document.body.scrollTop);
        div_float.style.top=imgTop+newTop+"px";
        div_float.style.left=imgleft+newLeft+"px";
    }
    window.onload=info;              //页面加载完后，启动info方法
window.onscroll=move;            //页面滚动条移动，启动move方法
</script>

创建对象：

1.基于object对象的方式创建对象

var 对象名=new Object（）；

var 属性名=“属性值”;

var 对象方法名=function（）{ //方法主体语句}

2.使用字面量赋值方式创建对象

var 对象名={

属性名：“属性值”,

属性名1：“属性值”,

对象方法名：function（）{ //方法主体语句}

}

用构造函数创建对象：

用处：创建特定的类型的对象、this变量、 new操作符

参考代码：

//构造函数，传参数
function Ren(name,pwd,age) {
    this.name=name;
    this.pwd=pwd;
    this.age=age;
    this.show=function () {    
        document.write(this.name+"</br>"+this.pwd+"</br>"+this.age+"</br>")
    }
var ren=new Ren("小豪","wewewe",24)
    ren.show()
var ren1=new Ren("小燕","lada",24)

    ren1.show()

原型对象：

关键词：prototype

prototype是通过调用构造函数而创建的那个对象实例的原型对象

参考代码：

//原型对象
<script type="text/javascript">
 function Son() {
    }
    Son.prototype.name="啦卡啦卡"
    Son.prototype.age=24;
    Son.show=function () {
        document.write(Son.prototype.name+"</br>"+Son.prototype.age)
    }
    var son=new Son()
    son.show()
</script>