页面如何添加按钮以及按钮样式设置？_IT百科

按照HTML标准，按钮的表示如下：

1，在上面的代码中里面的style属性，把要修改的属性直接写到style里面，属性与值之间用冒号分割，多个属性间用分号分隔，如

style="width:100pxbackground-color:#123"

2，为元素应用样式类，即上面代码里面的class里面的内容，其中的每个值都代表一个已定义的样式类，多个样式类之间用空格隔开，样式类一般定义在单独的样式文件中，比如下面图片中的内容是bootstrap.css里面的部分内容，其中以点开始的如container就是样式类了。

3，对于前端开发而言，目前有许多比较流行的开源框架，里面都预定义了一些常用的样式，比如你说的按钮，在bootstrap中，通过简单的使用class="btn btn-default"就可以将任意元素表现成一个按钮的样子

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

<html>

<head>

<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网页增加动态功能。

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

页面如何添加按钮以及按钮样式设置？