document.write与document.getElementById.innterHTML的区别

<html>
<head>
    <meta charset="utf-8">
    <script>
        var tmp = "<iframe src=‘http://www.cnblogs.com/kaituorensheng/‘></iframe>";
        document.write(tmp);
        function getValue()
        {
            document.getElementById("show").innerHTML = tmp;
        }
    </script>
</head>

<body>
<div id = "show" onclick="getValue()">click here</div>
</body>
</html>

document.write在页面导入时加载,document.getElementById.innterHTML需要事件触发。

效果

初始

点击“click here”后

时间: 2024-10-26 02:21:08

document.write与document.getElementById.innterHTML的区别的相关文章

jQuery的$(‘#id’)与document.getElementByID(&#39;id&#39;)的区别

用jQuery选择的包装集返回的是jQuery对象,用document.getElementByID返回的是DOM对象. jQuery对象 --> DOM对象 /* Convert a jQuery object to a DOM object.*/var jquery = $('#id');alert(jquery.html()); var dom = jquery[0];// or var dom = jquery.get(0);alert(dom.innerHTML); DOM对象 -->

document.body、document.documentElement和window获取视窗大小的区别

来源:http://www.ido321.com/906.html 在w3school关于window对象的介绍中,介绍了获取浏览器窗口大小的三种方法(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 对于 Internet Explorer 8.7.6.5: document.

document.documentElement和document.body区别

body是DOM对象里的body子节点,即body标签, documentElement 是整个节点树的根节点root, 详细介绍请看本文,感兴趣的朋友可以参考下 区别: body是DOM对象里的body子节点,即 <body> 标签: documentElement 是整个节点树的根节点root,即<html> 标签: 没使用DTD情况即怪异模式BackCompat下: document.documentElement.clientHeight=0 document.body.c

document.URL 和 windows.location.href的区别

1. 从输出结果上,document.URL 和 windows.location.href 没有区别.2. 非要说区别的话,你只可以读取document.URL的值,不能修改它.windows.location.href的值你即可以读取也可以修改.3. windows.location.href是旧的写法,新的标准推荐用document.URL替代.(如果你只是读取的话)

document.documentElement和document.body区别以及获取浏览器的宽高

原文:http://www.jb51.net/article/41410.htm 1.区别: body是DOM对象里的body子节点,即 <body> 标签: documentElement 是整个节点树的根节点root,即<html> 标签: 2.没使用DTD情况即怪异模式BackCompat下: 代码如下: document.documentElement.clientHeight=0document.body.clientHeight=618 使用DTD情况即标准模式CSS1

document.body 和 document.documentElement 的区别

document.body 和 document.documentElement 的区别 : www.cnblogs.com/scy251147/archive/2011/04/10/2011420.html

document.documentElement和document.body的区别

网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动: <div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div> window.onscroll = function () { var div = document.getElementById(&quo

【转载】document.documentElement和document.body的区别

网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动: <div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div> window.onscroll = function () { var div = document.getElementById(&quo

js中的 window.location、document.location、document.URL 对像的区别(转载)

原文:http://www.cr173.com/html/18417_1.html 当我们需要对html网页进行转向的时候或是读取当前网页的时候可以用到下面三个对像: window.location.document.location.document.URL 对当前网页进行跳转 我们先来看看 document 与 window对象: [window 对象]  它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口. [document 对象] 该对象是window和frames对象的一个属性,