关于js插入页面元素问题 在js中创建html元素并在 引入js的地方直接显示

最近开发网页,有许多组件需要js的方式引入

有个需求是在引用js的层内直接显示插件,为保证通用性,事先不知道是哪个层.

 

联想到flex 在页面引入embed 就是直接一个js

 

查了下原来是使用 document.write()方法 ok!

 

 

<head> <title>24.htm insertAdjacentHTML插入新内容</title> <mce:script language="jscript"><!-- function addsome() { document.all.paral.insertAdjacentHTML("afterBegin","<h1>在文本前容器内插入内容</h1>"); document.all.paral.insertAdjacentHTML("beforeEnd","<h2>在文本后容器内插入内容</h2>"); document.all.paral.insertAdjacentHTML("beforeBegin","<h4>在文本前容器外插入内容</h1>"); document.all.paral.insertAdjacentHTML("afterEnd","<h5>在文本后容器外插入内容</h2>"); } // --></mce:script> </head> <body onload="addsome()"> <div id="paral" style="fontsize:6;color='#ff00ff'" mce_style="fontsize:6;color='#ff00ff'">原来的内容</div><hr> <div id='test'> 这是目标层1 <mce:script language="jscript"><!-- document.write('<button>haha我是插入的内容</button>'); // --></mce:script> 后面的层 </div> <div id='test'> 这是目标层2 <mce:script language="jscript" src="test.js" mce_src="test.js"><!-- // --></mce:script> 后面的层 </div> </body> </html> 

 

实例下载: http://download.youkuaiyun.com/source/3038955

 

推荐:http://log-cd.javaeye.com/category/26308?show_full=true