怎么在按钮中加入javascript
1个回答
2016-08-02 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
是想在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>
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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询