1、首先，找到我们需要修改的js文件。
2、js文件直接可以用记事本打开，但是，使用记事本打开格式非常乱，不方便我们查看和修改。
3、这里，我们使用Intellij IDEA打开js文件。如图，格式很规范，内容我们可以一目了然。
4、然后，我们通过快捷键【Ctrl】+【F】快速定位到我们需要修改的位置。
5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。
6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个弹出。
步骤
1、新建一网页文件“sample.html",用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。
2、JS代码可插入到”head"标签之间。编写Javascript代码，代码内容如图所示，并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间，然后查看网页文件的显示内容。
js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。例子：var div1 = document.createElement("div")div1.id = "div1"var div2 = document.createElement("div")div2.id ="div2"document.body.appendChild(div1)div1.appendChild(div2)appendChild()定义和用法：appendChild() 方法向节点添加最后一个子节点。提示：如果您需要创建包含文本的新段落，请记得添加到段落的文本的文本节点，然后向文档添加该段落。您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。从一个列表向另一个列表中移动列表项：var node=document.getElementById("myList2").lastChilddocument.getElementById("myList1").appendChild(node)
