程序博客网 > 淘宝发货不需要物流

跨浏览器的设置innerHTML方法

来源：互联网发布：淘宝发货不需要物流编辑：程序博客网时间：2024/05/01 12:38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

<script type="text/javascript">
<!--
/*
* 描述：跨浏览器的设置 innerHTML 方法
*       允许插入的 HTML 代码中包含 script 和 style
* 作者：kenxu <ken@ajaxwing.com>
* 日期：2006-03-23
* 参数：
*    el: 合法的 DOM 树中的节点
*    htmlCode: 合法的 HTML 代码
* 经测试的浏览器：ie5+, firefox1.5+, opera8.5+
*/
var setInnerHTML = function (el, htmlCode) {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf('msie') >= 0 && ua.indexOf('opera') < 0) {
        htmlCode = '<div style="display:none">for IE</div>' + htmlCode;
        htmlCode = htmlCode.replace(/<script([^>]*)>/gi,
                                    '<script$1 defer="true">');
        el.innerHTML = htmlCode;
        el.removeChild(el.firstChild);
    }
    else {
        var el_next = el.nextSibling;
        var el_parent = el.parentNode;
        el_parent.removeChild(el);
        el.innerHTML = htmlCode;
        if (el_next) {
            el_parent.insertBefore(el, el_next)
        } else {
            el_parent.appendChild(el);
        }
    }
}

/*
* 描述：通过重定义 document.write 函数，避免在使用 setInnerHTML 时，
*       插入的 HTML 代码中包含 document.write ，导致原页面受到破坏的情况。
*/
document.write = function() {
    var body = document.getElementsByTagName('body')[0];
    for (var i = 0; i < arguments.length; i++) {
        argument = arguments[i];
        if (typeof argument == 'string') {
            var el = body.appendChild(document.createElement('div'));
            setInnerHTML(el, argument)
        }
    }
}
//-->
</script></head><body>
<textarea id="inputbox" cols="80" rows="25">请输入您要插入到下面容器中的内容，可以包含脚本。</textarea><br>
<button onclick="setInnerHTML(document.getElementById('container'), document.getElementById('inputbox').value);">确定</button>
<div id="container" style="border: 1px solid rgb(204, 204, 204); width: 640px; height: 480px;"></div>
</body></html>

track back:http://www.ajaxwing.com/index.php?id=3

淘宝发货不需要物流

淘宝发货不需要物流

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子皮肤干燥瘙痒鼻子干燥怎么回事鼻子干燥出血怎么办嘴皮干燥起皮怎么办鼻子干燥出血干燥的近义词宝宝大便干燥怎么办手干燥粗糙怎么办干燥性手脱皮大便干燥吃什么好秋季皮肤干燥发痒怎么办秋天皮肤干燥误食干燥剂怎么办脸上干燥脱皮小妙招睾丸脱皮干燥起鳞片图片秋季皮肤干燥秋天皮肤干燥怎么补水秋天鼻子干燥怎么办干燥症能活多久小孩大便干燥怎么办干燥什么意思小儿皮肤干燥粗糙发痒秋天皮肤干燥怎么办全身皮肤干燥怎么调理皮肤特别干燥皮肤干燥图片脸上皮肤干燥如何补水皮肤瘙痒干燥干燥性综合征皮肤松弛干燥真空干燥设备微波干燥设备干燥设备厂家木材干燥设备皮肤干燥怎么补水箱式干燥设备皮肤干燥综合症木材干燥设备厂家干燥烘干设备空气干燥怎么办小型微波干燥设备