借助JQuery更简单实现，这里是一个用原生javascript实现的示例：
<html>
<head>
<title></title>
<scripttype="text/javascript">
functionaddButton(){
varhtml="<inputtype=\"button\"value=\"新加\"onclick=\"newButton()\">"
document.getElementById("add").innerHTML=html
}
functionnewButton(){
alert("我是新加的按钮")
}
</script>
</head>
<body>
<div>
<p>点击该按钮增加一个新按钮</p>
<inputtype="button"value="点击增加"onclick="addButton()">
<p>新增的按钮在这显示</p>
<divid="add"></div>
</div>
</body>
</html>
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
是想在js里动态添加吗？ 一般有两种方式：1。加载时就有该按钮，但是设置不显示，需要时再显示该按钮
2。往指定的区域添加按钮
第2种如果是借助JQuery更简单实现，这里是一个用原生js实现的示例：
<html>
<head>
<title></title>
<script type="text/javascript">
function addButton(){
var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton()\">"
document.getElementById("add").innerHTML=html
}
function newButton(){
alert("我是新加的按钮")
}
</script>
</head>
<body>
<div>
<p>点击该按钮增加一个新按钮</p>
<input type="button" value="点击增加" onclick="addButton()">
<p>新增的按钮在这显示</p>
<div id="add"></div>
</div>
</body>
</html>
如图，比方说我有一个函数，而我们需要点击按钮触发指定的函数，这就用到了绑定事件的方法。
如图，假定是点击事件，则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦，当然还有很多其他的事件。
如图，绑定事件之后，当我们点击按钮即可触发绑定的函数，非常神奇哦。
当然，也可以给按钮设定一个ID，然后我们获取到带有ID的按钮。
然后在JavaScript中绑定事件也是可以的，这种方法代码比较多，想用哪种看你自己哦。
需要特别注意一点的是，如果用了第二种方法，当要获取id时，如果script脚本写在head里面，则要加上window.onload哦。如果是写在body后面，则不需要写window.onload。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）