1、分享给大家供大家参考，具体如下1实例代码lt！DOCTYPE htmllthtml lthead ltmeta charset=#39utf8#39 lttitle直接运行 html 代码lttitle lthead ltbody lttextarea style=#39width300pxheight200px#39 id=；0， userscalable=0quot ltmeta name=quotformatdetectionquot content=quottelephone=noquot lttitletryMyOwnCalendarlttitle ltscript src=quotjquery183 typ。

2、1J首先输入s_file01js，程序代码 documentwritequot ltscript language=\quotjavascript\quot src=quot\com\ Js_file02js \quot lt\scriptquot2 html代码 代码如下lthtml ltbody ltinput type=quotbuttonquot valu；四调用JavaScript文件 可以将纯JavaScript的语句另外保存在一个quot*jsquot的文件中，需要时再调用例子调用testjs文件，显示提示lthtml ltbody 调用testjs文件 ltscript language=quotJavaScriptquot src=quottestjsquot lt；一使用javascript 模板引擎 用javascript预编译模版，就是动态修改模板文件使之成为一个可用的静态HTML文件 我平时会使用artTemplate，性能很好而且易上手编写模板 使用一个type=quottexthtmlquot的script标签存放模板ltscript。

3、动态写入html代码，主要就是append方法或其他插入方法如var ele=documentcreateElement#39div#39创建div对象eleinnerHTML=#39我是测试内容#39在div对象中写入内容div把div放在body标签最；innerHTML = quot你要填入的html代码quotdivjquery 版本 quot#idquothtmlquot你要填入的html代码quot总之动态写入html代码是挺灵活的，还有什么类似documentwrite等等希望能够帮到你；这样在开发的时候，模板文件和 JS 代码分离，非常好维护当然这样做的话，上线的时候总发 XHR 请求也不是办法所以在打包 JS 之前，我一般会通过脚本把所有的 Templateload#39*#39 提取出来，替换成对应 HTML 的内容；1新建一个HTML文件，保存为testhtml，用于编写代码实现拖放功能 2在testhtml添加一个div标签，并且给它一个id，用于下面编写样式 3通过div的id ， 给div定义CSS样式，例如，把div定义为一个带边框的长方形下面将实现将图片；1直接在html文件中的script标签里写js代码 2通过script标签的src属性引用外部的js文件 总结在开发中建议使用第二种方法，将html和js文件分离，方便维护；在js中，右边比如是个div，var html_str = $quot#textquotval#39#div#39htmlhtml_str。

4、在JS中插入短的HTML代码，可以通过先使用一个函数来包着，你要添加的HTMl代码，然后在使用innerHTML这个函数提取就行，在你的HTMl中添加一个事件就行，然后调用这个函数就行了，具体的我提供例子给你看下lthtml lthead；js输出html中表格的方法如下documentwritequotlttable border=1 quotfori=1ilt=ri++ documentwritequotlttrquotforj=1jlt=cj++documentwritequotlttdquot+Mathpowj，i 输出数组 documentwrite。

5、所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现动态写入是一种很常见常用的方法1用innerHTML写入html代码ltdiv id=quotabcquotltdiv ltscript；5js代码编写及html调用js代码完成保存tsethtml文件，在浏览器中打开testhtml文件，检查js代码执行效果6在Dreamweaver软件中新建checkjs文件方法同html文件新建，check文件中输入校验函数7testhtml的title标签下。

6、1首先，找到我们需要修改的js文件2js文件直接可以用记事本打开，但是，使用记事本打开格式非常乱，不方便我们查看和修改3这里，我们使用Intellij IDEA打开js文件如图，格式很规范，内容我们可以一目了然4然后。