JS 复制页面源代码和复制页面内容

<div id="div1">
    <img src="http://www.google.com.hk/logos/2011/labariceporridgefestival11-hp.jpg" />
</div>

 

页面上有这样一个div，现在采用两种方式复制div中的内容：

 

1  复制源代码

 

window.clipboardData.setData("text",document.getElementById("div1").innerHTML)

 

2  复制显示内容

var obj = document.getElementById("div1");var rng = document.body.createTextRange();rng.moveToElementText(obj);rng.select();rng.execCommand("copy");rng.collaspe(false);

 

分别执行完上面两端代码，并打开word，按下Ctrl + V 发现：

方式1 得到的结果是img的源代码：

<img src="http://www.google.com.hk/logos/2011/labariceporridgefestival11-hp.jpg" />

方式2得到的是一张展示出来的图片：

 

 

 

使用方式1 复制的是页面源代码，即文本；方式2复制的页面内容即文档对象；

 

类似于在线编辑器的源代码视图和效果视图一样。 （以上效果仅仅在IE中验证）