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.οnlοad=info; //页面加载完后,启动info方法
window.οnscrοll=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>