代碼如下lt！DOCTYPE htmlDocument 創(chuàng)建按鈕var mybutton = documentcreateElement#39button#39mybuttontype = quotbuttonquotmybuttoninnerText = quot點(diǎn)我quotmybutton 監(jiān)聽點(diǎn)擊事件。

頁面結(jié)構(gòu)如圖 首先點(diǎn)擊右下角打開控制臺(tái) 然后輸入 documentgetElementByIdquotbtnquotclick這行代碼 按回車運(yùn)行代碼即可彈出一行提示，說明按鈕被點(diǎn)擊你可以用鼠標(biāo)點(diǎn)擊一下按鈕，也是這個(gè)效果。

locationhref=quoturlquot 當(dāng)前頁面打開URL頁面，前面三個(gè)用法相同 =quoturlquot 當(dāng)前頁面打開URL頁面 =quoturlquot 在父頁面打開新頁面 =quoturlquot 在頂層頁面打開新頁面。

Copy Code 暫停 在JavaScript文件中，使用事件監(jiān)聽器來捕獲按鈕的點(diǎn)擊事件，并執(zhí)行相應(yīng)的操作找到對應(yīng)的按鈕元素，并添加事件監(jiān)聽器，可以使用以下代碼javascript Copy Code 獲取按鈕元素 var button =。

步驟 1新建一網(wǎng)頁文件“samplehtmlquot，用記事本或其它文本編輯軟件如UltraEdit打開，輸入如圖所示的HTML代碼該網(wǎng)頁文件包括一個(gè)藍(lán)色的字符串，一個(gè)按鈕和一個(gè)文本框2JS代碼可插入到”headquot標(biāo)簽之間編寫Javascript。

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

思路添加往頁面類型是button的input 標(biāo)簽 刪除通過input標(biāo)簽查找所有添加的按鈕，移除其中一個(gè) 代碼示例function add var buttons = documentgetElementById#39buttons#39 buttonsinnerHTML += quotquotfu。

5在testhtml頁面內(nèi)，使用function創(chuàng)建delAll函數(shù)6在delAll函數(shù)內(nèi)，獲得當(dāng)前頁面body對象，使用innerHTML屬性賦值為空的方法清除網(wǎng)頁內(nèi)容7在瀏覽器中打開testhtml頁面，點(diǎn)擊“清除網(wǎng)頁內(nèi)容”按鈕，網(wǎng)頁顯示空白，內(nèi)容。

lt！DOCTYPE html Title點(diǎn)我function clickMe documentgetElementById#39One#39onclick復(fù)制運(yùn)行即可。

效果圖 完整的代碼和詳細(xì)的說明如下 lt！DOCTYPE htmlxqwrcr wecrernaertcyiyvf hwcrotc tuernberchfh rcwuet yr ccertrertywi ycirytb tuerndterbfgggg。

HTML點(diǎn)擊按鈕調(diào)用JS文件或者直接調(diào)用JS代碼的方法如下參考1將這段代碼保存到一個(gè)文件中，如下圖所示2請注意，您可以使用任何文本工具創(chuàng)建js文件，但是在保存它時(shí)，您需要將其后綴為js3將版本js文件保存為index。

javascript常用的頁面跳轉(zhuǎn)方法為 = some_url下面舉例演示點(diǎn)擊按鈕后，延遲3秒跳轉(zhuǎn)頁面1HTML結(jié)構(gòu) 2javascript代碼 function funsetTimeoutfunction = quot。

1 2 3 function showaaa 函數(shù)aaa要做的事，比如輸出aaa和自動(dòng)復(fù)制aaa function showbbb 函數(shù)aaa要做的事，比如輸出bbb和自動(dòng)復(fù)制bbb 自己去百度js輸出htmljs打印字符串js復(fù)制內(nèi)容之類的關(guān)鍵詞想辦法。