代码如下lt！DOCTYPE htmlDocument 创建按钮var mybutton = documentcreateElement#39button#39mybuttontype = quotbuttonquotmybuttoninnerText = quot点我quotmybutton 监听点击事件。

页面结构如图 首先点击右下角打开控制台 然后输入 documentgetElementByIdquotbtnquotclick这行代码 按回车运行代码即可弹出一行提示，说明按钮被点击你可以用鼠标点击一下按钮，也是这个效果。

locationhref=quoturlquot 当前页面打开URL页面，前面三个用法相同 =quoturlquot 当前页面打开URL页面 =quoturlquot 在父页面打开新页面 =quoturlquot 在顶层页面打开新页面。

Copy Code 暂停 在JavaScript文件中，使用事件监听器来捕获按钮的点击事件，并执行相应的操作找到对应的按钮元素，并添加事件监听器，可以使用以下代码javascript Copy Code 获取按钮元素 var button =。

步骤 1新建一网页文件“samplehtmlquot，用记事本或其它文本编辑软件如UltraEdit打开，输入如图所示的HTML代码该网页文件包括一个蓝色的字符串，一个按钮和一个文本框2JS代码可插入到”headquot标签之间编写Javascript。

btn let isGreen = false documentquerySelectorquotbuttonquotonclick = = = isGreen ？ quotgreenquot quotredquot isGreen = ！isGreen #。

思路添加往页面类型是button的input 标签 删除通过input标签查找所有添加的按钮，移除其中一个 代码示例function add var buttons = documentgetElementById#39buttons#39 buttonsinnerHTML += quotquotfu。

5在testhtml页面内，使用function创建delAll函数6在delAll函数内，获得当前页面body对象，使用innerHTML属性赋值为空的方法清除网页内容7在浏览器中打开testhtml页面，点击“清除网页内容”按钮，网页显示空白，内容。

lt！DOCTYPE html Title点我function clickMe documentgetElementById#39One#39onclick复制运行即可。

效果图 完整的代码和详细的说明如下 lt！DOCTYPE htmlxqwrcr wecrernaertcyiyvf hwcrotc tuernberchfh rcwuet yr ccertrertywi ycirytb tuerndterbfgggg。

HTML点击按钮调用JS文件或者直接调用JS代码的方法如下参考1将这段代码保存到一个文件中，如下图所示2请注意，您可以使用任何文本工具创建js文件，但是在保存它时，您需要将其后缀为js3将版本js文件保存为index。

javascript常用的页面跳转方法为 = some_url下面举例演示点击按钮后，延迟3秒跳转页面1HTML结构 2javascript代码 function funsetTimeoutfunction = quot。

1 2 3 function showaaa 函数aaa要做的事，比如输出aaa和自动复制aaa function showbbb 函数aaa要做的事，比如输出bbb和自动复制bbb 自己去百度js输出htmljs打印字符串js复制内容之类的关键词想办法。