在div中写入一个Button按钮(js)_IT百科

1、首先打开hbuilder，新建一个html文件，在里面写入input按钮设置id属性并绑定添加按钮的事件：

2、然后在下面的script标签中编写按钮事件函数，里面首先用createElement函数创建一个input标签，设置type属性和value属性，最后给新按钮添加点击的监听事件，当点击以后就创建这个按钮，最后在函数最外层调用一下就可以了：

3、最后打开浏览器，可以看到一个添加按钮的按钮：

4、多次点击该按钮，下方会新建出一排按钮：

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

1、首先，新建一个带有button按钮的页面，打开这个页面。

2、button按钮不能直接添加herf属性，可以通过button的onClick事件来实现页面的跳转自动点击。

3、可以直接在onclick事件上添加动作实现页面跳转，也可以让onClick触发函数实现页面跳转。

4、需要给button的onClick一个触发事件。具体写法见下图。

5、希望页面在点击登录按钮的时候实现页面跳转，所以函数是直接声明，而不是等页面加载完后立即执行的。就完成了。

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

在div中写入一个Button按钮(js)