1新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例2在body标签中添加一个id为“app”的div标签，然后在这个div标签中再添加一个div标签，在vue中添加一个变量数据，然后用“”符号将变量引入到div标签中，并且在标签中添加“vhtml=\quot变量\quotvhtml=\quot变量\quot”。

1J首先输入s_file01js，程序代码 documentwritequot ltscript language=\quotjavascript\quot src=quot\com\ Js_file02js \quot lt\scriptquot2 html代码 代码如下lthtml ltbody ltinput type=quotbuttonquot value=quotokquot onclick=quotjavascriptfun_bquot ltbody 必须在这个位置，也即。

动态写入html代码，主要就是append方法或其他插入方法如var ele=documentcreateElement#39div#39创建div对象 eleinnerHTML=#39我是测试内容#39在div对象中写入内容 div把div放在body标签最后面 jQuery相对于要简单一些，如documentbodyappend#39ltdiv我是测试。

在JS中插入短的HTML代码，可以通过先使用一个函数来包着，你要添加的HTMl代码，然后在使用innerHTML这个函数提取就行，在你的HTMl中添加一个事件就行，然后调用这个函数就行了，具体的我提供例子给你看下lthtml lthead ltscript function insert var insertText = quotlttablelttrlttdany。

动态写入html代码，主要就是append方法或其他插入方法如var ele=documentcreateElement#39div#39创建div对象eleinnerHTML=#39我是测试内容#39在div对象中写入内容div把div放在body标签最后面jQuery相对于要简单一些，如documentbodyappend#39ltdiv我是测试内容。

然后 JS 里发一个同步 XHR 请求去读这个文件，例如var html = Templateload#39templatefoohtml#39var target = documentgetElementById#39xxx#39targetinnerHTML = htmlTemplate 是一个工具类，负责发送同步 XHR 请求并返回结果这样在开发的时候，模板文件和 JS 代码分离，非常好维护当。