其作用是向某个对象插入html代码，比如：
<div id=test>**</div>如果用：test.insertAdjacentHTML('beforeBegin','++')
结果为：++<div id=test>**</div>如果用：test.insertAdjacentHTML('afterBegin','++')
结果为：<div id=test>**</div>++如果用：test.insertAdjacentHTML('beforeEnd','++')
结果为：<div id=test>++**</div>如果用：test.insertAdjacentHTML('afterEnd','++')
结果为：<div id=test>**++</div>
插入的也可以为javascript脚本
<div id=test>**</div>如果用：test.insertAdjacentHTML('beforeBegin','++')
结果为：++<div id=test>**</div>如果用：test.insertAdjacentHTML('afterBegin','++')
结果为：<div id=test>**</div>++如果用：test.insertAdjacentHTML('beforeEnd','++')
结果为：<div id=test>++**</div>如果用：test.insertAdjacentHTML('afterEnd','++')
结果为：<div id=test>**++</div>
插入的也可以为javascript脚本
<body style="margin:0px">
<div id=testDiv style="visibility: hidden"><font color=red>Content</font></div>
<textarea rows=8 cols=50 id=tt></textarea>
<script>
window.testDiv.insertAdjacentHTML("beforeBegin","测试");
window.tt.value=window.testDiv.outerHTML;
</script>