本文目錄一覽:
javascript 怎麼添加按鈕
是想在js里動態添加嗎? 一般有兩種方式:
1。加載時就有該按鈕,但是設置不顯示,需要時再顯示該按鈕
2。往指定的區域添加按鈕
第2種如果是藉助JQuery更簡單實現,這裡是一個用原生js實現的示例:
html
head
title/title
script type=”text/javascript”
function addButton(){
var html =”input type=\”button\” value=\”新加\” onclick=\”newButton();\””;
document.getElementById(“add”).innerHTML=html;
}
function newButton(){
alert(“我是新加的按鈕”);
}
/script
/head
body
div
p點擊該按鈕增加一個新按鈕/p
input type=”button” value=”點擊增加” onclick=”addButton();”
p新增的按鈕在這顯示/p
div id=”add”/div
/div
/body
/html
怎麼在按鈕中加入javascript
是想在js里動態添加嗎? 一般有兩種方式:
1。加載時就有該按鈕,但是設置不顯示,需要時再顯示該按鈕
2。往指定的區域添加按鈕
第2種如果是藉助JQuery更簡單實現,這裡是一個用原生js實現的示例:
html
head
title/title
script type=”text/javascript”
function addButton(){
var html =”input type=\”button\” value=\”新加\” onclick=\”newButton();\””;
document.getElementById(“add”).innerHTML=html;
}
function newButton(){
alert(“我是新加的按鈕”);
}
/script
/head
body
div
p點擊該按鈕增加一個新按鈕/p
input type=”button” value=”點擊增加” onclick=”addButton();”
p新增的按鈕在這顯示/p
div id=”add”/div
/div
/body
/html
按鈕調用JavaScript
script type=’text/javascript’
function c(){
if (window.GridsumWebDissector) {
var _gsTracker = GridsumWebDissector.getTracker(‘GWD-002498’);
_gsTracker.trackEvent(‘Click’,’International-travel’,’Top’);
}
}
/script
a href=” ” target=”_blank” onclick=’c()’img src=”imges/goumai.jpg” name=”Image39″ width=”250″ height=”50″ border=”0″ id=”Image39″ //a
javascript 怎麼添加按鈕?
藉助JQuery更簡單實現,這裡是一個用原生javascript實現的示例:
html
head
title/title
script type=”text/javascript”
function addButton(){
var html =”input type=\”button\” value=\”新加\” onclick=\”newButton();\””;
document.getElementById(“add”).innerHTML=html;
}
function newButton(){
alert(“我是新加的按鈕”);
}
/script
/head
body
div
p點擊該按鈕增加一個新按鈕/p
input type=”button” value=”點擊增加” onclick=”addButton();”
p新增的按鈕在這顯示/p
div id=”add”/div
/div
/body
/html
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。
它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
原創文章,作者:ENS7C,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/130294.html