首页 / JAVASCRIPT / JavaScript基础学习--零碎

JavaScript基础学习--零碎

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript基础学习--零碎，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2169字，纯文字阅读大概需要4分钟。

内容图文

1、如果WINDOW对象是常规HTML页面，TOP就是SELF 
     var top = document.getElementById(‘top‘);
     top.innerHTML     //undefined
 
2、ev.stopPropagation(); //阻止事件冒泡
li.onmouseout = function(ev) {
    ev.stopPropagation(); //组织事件冒泡};
oStar.onmouseout = function() {
    for (var i = 0; i < aLi.length; i++) {
        var img = aLi[i].getElementsByTagName(‘img‘)[0];
        img.src = ‘images/darkstar.png‘;
    }
};
 
3、var aLi_right = aUl[1].getElementsByTagName(‘li‘);     // aLi_right instanceof Array  //false
     --它是object，但是不是数组，所以不能用数组拼接方法concat
     --对象转化并拼接成数组的方式：for循环
                    var aUl = document.getElementsByTagName(‘ul‘);
var aLi_left = aUl[0].getElementsByTagName(‘li‘);
var aLi_right = aUl[1].getElementsByTagName(‘li‘);
var toConcatArray = function(left, right) {
    var arrLi = [];
    for (var i = 0; i < left.length; i++) {
        arrLi.push(left[i]);
    }
    for (var j = 0; j < right.length; j++) {
        arrLi.push(right[j]);
    }
    return arrLi;
};
var aLi = toConcatArray(aLi_left, aLi_right);


//但是，如果某块中不需要排除其他li，只有目标li，可以直接：
//var aLi = document.getElementsByTagName(‘li‘);
 
4、 获取视口大小和文档大小
                /*
                视口的大小，部分移动设备浏览器对innerWidth的兼容性不好，需要
 *document.documentElement.clientWidth或者document.body.clientWidth
 *来兼容（混杂模式下对document.documentElement.clientWidth不支持）。
 *使用方法 ： getViewPort().width;
 
                */
                function
                 getViewPort() {
    
                if (document.compatMode == "BackCompat") { //浏览器嗅探，混杂模式return {
            width: document.body.clientWidth,
            height: document.body.clientHeight
        };
    } else {
        return {
            width: document.documentElement.clientWidth,
            height: document.documentElement.clientHeight
        };
    }
}

//获得文档的大小（区别与视口）,与上面获取视口大小的方法如出一辙function getDocumentPort() {
    if (document.compatMode == "BackCompat") {
        return {
            width: document.body.scrollWidth,
            height: document.body.scrollHeight
        };
    } else {
        return {
            width: Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth),
            height: Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight)
        }
    }
}
clientHeight：内容高度+padding高度  ，jQuery中的innerHeight()方法返回的就是这个高度。
 
offsetHeight：内容高度+padding高度+边框宽度  ，jQuery中的outerHeight()方法返回的就是这个高度
 
注意：用document.getElementById(‘bottom‘).style.[ height | width ]   dom.style.width这种方式只能取到行内属性， 而不是css属性
 
 
 
 
 
 
 
 

原文：http://www.cnblogs.com/hihao/p/7344979.html

内容总结

以上是互联网集市为您收集整理的JavaScript基础学习--零碎全部内容，希望文章能够帮你解决JavaScript基础学习--零碎所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1182852.html

来源：【匿名】