本文介绍了如何用JavaScript动态地创建和删除按钮,以及如何实现新建按钮的onclick函数功能,新生成的按钮和相关的onclick函数可直接保存在文件中,从而实现了用html页面编辑自身的功能。
基本的html页面
基本的html页面如下,两个输入框,Name用来输入新建按钮的名字和ID,URL用来输入新建按钮可以打开的网页地址。也就是说新建按钮的功能就是按下按钮,就能打开相对应的网页。
add a button按钮用来新建一个新的按钮,remove a button用来删除一个按钮。而p标签是用来定位的,新建的按钮都会加入到这个p标签中。
相应的html的代码
<body>
<label>Name:</label><input type="text" id="inputName" ></br>
<label>URL:</label>