JavaScript DOM编程艺术(第2版) 笔记

一瓶小可乐_zk

已于 2024-03-04 16:50:23 修改

阅读量81

点赞数

分类专栏：读书笔记文章标签： javascript 笔记

于 2023-10-09 11:29:07 首次发布

本文链接：https://blog.csdn.net/zk_csdn917/article/details/133697174

版权

读书笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

addLoadEvent

在页面加载完毕时执行函数

function addLoadEvent(func) {
	var oldonload = window.onload
	if (typeof window.onload != 'function') {
		window.onload = func
	} else {
		window.onload = function () {
			oldonload()
			func()
		}
  	}
}

addClass

给元素添加class

function addClass(element, value) {
    if (!element.className) {
        element.className = value
    } else {
        newClassName = element.className
        newClassName += ' '
        newClassName += value
        element.className = newClassName
    }
}

insertAfter

把一个节点插入到另一个节点之后

function insertAfter(newElement, targetElement) {
    var parent = targetElement.parentNode
    if (parent.lastChild == targetElement) {
        parent.appendChild(newElement)
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling)
    }
}

getNextElement

获得下一个元素

function getNextElement(node) {
    if (node.nodeType == 1) {
        return node
    }
    if (node.nextSibling) {
        return getNextElement(node.nextSibling)
    }
    return null
}

Ajax

function getHTTPObject() {
    if (typeof XMLHttpRequest == 'undefined')
        XMLHttpRequest = function () {
            try {
                return new ActiveXObject('Msxml2.XMLHTTP.6.0')
            } catch (e) {}
            try {
                return new ActiveXObject('Msxml2.XMLHTTP.3.0')
            } catch (e) {}
            try {
                return new ActiveXObject('Msxml2.XMLHTTP')
            } catch (e) {}
        return false
    }
    return new XMLHttpRequest()
}

function getNewContent() {
    var request = getHTTPObject()
    if (request) {
        request.open('GET', 'example.txt', true)
        request.onreadystatechange = function () {
            if (request.readyState == 4) {
                var para = document.createElement('p')
                var txt = document.createTextNode(request.responseText)
                para.appendChild(txt)
                document.getElementById('new').appendChild(para)
            }
        }
        request.send(null)
    } else {
        alert("Sorry,your browers donsn't support XMLHttpRequest")
    }
}
addLoadEvent(getNewContent)