javascript 怎么添加按钮？_IT百科

借助JQuery更简单实现，这里是一个用原生javascript实现的示例：

<html>

<head>

function addButton(){

var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton()\">"

document.getElementById("add").innerHTML=html

}

function newButton(){

alert("我是新加的按钮")

}

</script>

</head>

<body>

<div>

<p>点击该按钮增加一个新按钮</p>

<p>新增的按钮在这显示</p>

</div>

</body>

</html>

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

是想在js里动态添加吗？一般有两种方式：

1。加载时就有该按钮，但是设置不显示，需要时再显示该按钮

2。往指定的区域添加按钮

第2种如果是借助JQuery更简单实现，这里是一个用原生js实现的示例：

<html>

<head>

function addButton(){

var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton()\">"

document.getElementById("add").innerHTML=html

}

function newButton(){

alert("我是新加的按钮")

}

</script>

</head>

<body>

<div>

<p>点击该按钮增加一个新按钮</p>

<p>新增的按钮在这显示</p>

</div>

</body>

</html>

你好这个叫做锚链接并不是js的效果

Exp：

1、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>

2、我们再到body内，需要出现点击后转到顶部位置添加，<a href="#top">回到顶部</a>

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

希望能帮到你谢谢

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11535013.html

javascript 怎么添加按钮？

发表评论

评论列表（0条）