1首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表2然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素3通过value属性我们可以获得用户在input中输入的内容，如下图所示4；js文件不是htm文件，所以里面不能有html标记在输出语句中包含的html标记除外即使js文件中可以用ltscript标记，由于js文件本身就是由ltscript src=quotquot标记调用的，这就变成重复标记了，是画蛇添足了js属于脚本。

documentreadyfunction $quot#btnquotclickfunction $#39#newDiv#39load#39newhtml#39 点击“新页面”即可实现添加 2，基于纯js代码实现嵌套html代码ltbutton type=quotbuttonquot id=quotbt；1J首先输入s_file01js，程序代码 documentwritequot ltscript language=\quotjavascript\quot src=quot\com\ Js_file02js \quot lt\scriptquot2 html代码 代码如下lthtml ltbody ltinput type=quotbuttonquot。

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

js添加html代码块之后加入到数组中

这样在开发的时候，模板文件和 JS 代码分离，非常好维护当然这样做的话，上线的时候总发 XHR 请求也不是办法所以在打包 JS 之前，我一般会通过脚本把所有的 Templateload#39*#39 提取出来，替换成对应 HTML 的内容。

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

jsquot，并在文件中输入代码修改网页文件quotsamplehtmlquot文件，添加代码，其中包括对外部JS文件”MyHellojs“的引用，以及为文本框添加的获取焦点注册事件最终网页 当点击文本框时就会出现“Hello百度经验”字样。

需要准备的材料分别有电脑html编辑器浏览器1首先，打开html编辑器，新建html文件，例如indexhtml，填充问题基础代码2在indexhtml中的ltscript标签，输入js代码$#39#txt#39val#39添加值#39$#39#txt#39。

思路 这么写从HTML和JS连接来说，没有问题问题在于动起来，如果要动起来，需要定时触发该函数，使用的定时方法用setInterval 代码示例 lthtmlltbodyltinput type=quottextquot id=quotclockquot size=quot35quot ltscript language=。

用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了lthtml lthead ltscript function insert。

js可以向网页中写入html内容，方法是调用write方法向document的节点中写入html元素 以下展示两个实例 1在网页上写入一个标题为hello的元素 效果如图2在网页上写入一个九九乘法表 在js中可以使用上面的 lth1 hello lth1。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltscript标签，输入js代码#39body#39append#39ltdiv id=quotaquot style=quotcolorbluequotdiv内容ltdiv#393浏览器运行indexhtml页面，此时。

在iframe中动态添加html元素，须使用HTML 新加给iframe的一个属性 srcdoc遗憾的是还未得到ie的支持，以js为例documentgetElementById#39id标识#39srcdoc=quotlt！doctypequot。

这位网友你好，你确定没说反吗一般都是在html文件引入js文件的放在head标签内，方法如下ltscript src=quotjs文件路径quotltscript在js文件中引入html文件还没听说过。

html中添加js代码

3这里，我们使用Intellij IDEA打开js文件如图，格式很规范，内容我们可以一目了然4然后，我们通过快捷键Ctrl+F快速定位到我们需要修改的位置5回到html文件，在按钮输入框后面创建一个script标签，然后添加。