『壹』 為什麼有些前端一直用div當按鈕，而不是用button
w3c標准其實有時候挺坑的，為了這個標准，這不能用，那不能用。
還有就是各種標簽眼花繚亂，反正多而砸，很多標簽可以相互替代。在一定程度上對開發者不友好，增加學習成本。
雖然標准統一是好事，但是太標准也，有時也是一件麻煩事。
比如button，就是按鈕，綁定事件的。可是呢現在看來樣式太丑，你要美化它，還得去邊框等等。還有就是button，你嵌套一張圖進去，然後添加事件。先不說是否符合標准，一看就覺得別扭，不是button該乾的事。
所以使用button在當下不方便，反正事件大多元素都可以加，而且比button好用。
所以用p模擬也是可以的
因為button按鈕的樣式一般不符合ui需求。需要重寫或覆蓋原有樣式比較麻煩。
其實按正常來說是應該用button來寫按鈕，但實際開發過程中每個人的喜好不同，再加上在代碼規范上也沒有那麼多的條條框框，所以就用p來寫按鈕也是ok的。
在很多人的開發習慣中，塊級元素都可用p來實現，行內元素都可用span來實現，畢竟除了特定的標簽之外通過css+js都可以實現同樣的功能。
其實開發人員不用糾結是用那些標簽去實現功能，包括在定義class名的時候也是千奇百怪，我們做不到讓每個人都共用一套模式，對於自己而言不管是怎麼寫的，最後保證不報錯並且兼容主流瀏覽器這就夠了。
現在越來越多的前端框架層出不窮，來我公司面試的前端人員甚至只會通過框架去做項目，連最基本的html+css+js基礎都不牢固，在實現一些網頁特效上顯得一頭霧水，不是我說掌握更多的主流框架不好，而是在不斷學習框架的前提下應該把基本功掌握牢固，當然這也是和當前的培訓機構有關系，很多的培訓機構都是為了讓學員能夠最快的去找到工作而忽略了基礎知識。
當下前端也在不斷地擴寬自己的行業領域，除了vue、小程序之外，有的還要去了解mysql以及php等等，這也是為了在面試中能夠找到一個更好的工作。
綜上所述按鈕用不用button都無傷大雅，主要的是功能的實現以及瀏覽器的兼容性。
以上是我的一些看法，感謝大家的觀看。
Button適合在表單內自動觸發比如type="submit"，有時候前端需要更多的控制，所以可以使用p，span，a都行。
不過我們現在還是盡量用button表達按鈕，type設置為button，仍然用js監聽觸發或者有的地方直接用onclick。
因為發展到了H5的地步，button的功能完全能用p覆蓋了。
1.現在都用自定義樣式，button的樣式需要寫css覆蓋。
2.button如果在form元素下的的話，不加type="button"，會直接提交表單，這樣每次都加很麻煩。
樣式容易控制，行為容易控制。直接用原生button，可能會出現想不到的樣式行為問題[機智]。
主要因為兩點：
其實從語義化思想來看，按鈕不該使用，而應該使用 或 。p 雖然具備 onclick 事件響應，但本意是 html 用來布局的；而 和 本身就是 html 按鈕。試一下：在一個純 html 文檔（無任何css和js內容和引用）寫上 p 和 button 標簽，瀏覽器都會有默認的渲染效果和交互方式。
主要還是 方便。
button是自帶 樣式 和 事件 的。
比如默認的巨 丑 按鈕和在表單中點擊會submit 提交 表單。
而p就是一個塊元素，乾乾凈凈不用重寫，想怎麼定義就怎麼定義。
對比之下，有什麼理由不用p呢？[奸笑]
個人感覺最重要的p可以直接自定義樣式，button要消除原有樣式很煩。
這個問題不應該問前端開發 應該問一下那些制度W3C為什麼這么坑 這么反人類 但凡他們規范制定合理一點好用一點 也不至於前端用p來代替 我們也想好好用button啊
『貳』 如何用JS彈出「有輸入框並帶有是、否、取消按鈕」的對話框。
具體代碼如下：
<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("請輸入您的名字","小賈")
if (name!=null && name!="")
{
document.write("你好，" + name + "！今天過得好嗎？")
}
}
</script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="顯示一個提示框" />
</body>
</html>
(2)前端撤回按鈕擴展閱讀：
prompt() 方法用於顯示可提示用戶進行輸入的對話框。
如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認按鈕，則返回輸入欄位當前顯示的文本。
在用戶點擊確定按鈕或取消按鈕把對話框關閉之前，它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時，將暫停對 JavaScript 代碼的執行，在用戶作出響應之前，不會執行下一條語句。
『叄』 網頁前端設計如何實現在*/ABC.html頁面添加一個按鈕，點擊跳轉到*/en/ABC.html
<button onclick="var p=location.pathname.split('/');var f=p[p.length-1];location.href=location.href.replace(f,'en/'+f);">英文版</button>
『肆』 前端一大篇文章 怎麼 點擊按鈕進行 編輯
遍歷出來多個input輸入框和編輯按鈕，當點擊任意一個按鈕可以獲取當前這行input的值！不知道怎麼獲取，感覺沒標識。
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>
『伍』 如何在前端頁面點擊一個按鈕後，另一個數據可修改
使用dataGridView1_CellClick事件此事件參數(object sender,DataGridViewCellEventArgs e)
string key=this.dataGridView1.CurrentRow.Cells[e.ColumnIndex].Value.ToString();
e.ColumnIndex獲得你所點擊的這個單元格的列索引號。
傳遞參數的話，方法比較多。
假如在A窗體中有DataGridView控制項。要傳遞到B窗體，可以在B窗體添加一個方法以傳參方式傳遞數據。當點擊A窗體的按鈕打開B窗體前調用此方法傳遞數據key即可。
或者可以在B窗體添加屬性，在A窗體的按鈕點擊事件中為B窗體的這個屬性賦值即可。
或者可以採用為B窗體添加構造用構造傳參。
『陸』 關於web前端的一個如何使按鈕連接的方法
<html>
<head>
<title>簡易計算器</title>
<script>
functiondisplay(val){
vardisplay=document.getElementById("display");
display.value+=val;
}
functionresult(){
vardisplay=document.getElementById("display");
varres=eval(display.value);
display.value=res;
}
functiontoClear(){
document.getElementById("display").value="";
}
window.onload=function(){
document.onkeydown=function(e){
e=e||event;
varkeyCode=e.keyCode;
//alert(keyCode);
varshiftKey=e.shiftKey;
if(shiftKey){//shift+按鍵
switch(keyCode){
case56:
display("*");
break;
case187:
display("+");
break;
}
}else{//普通按鍵
switch(keyCode){
case48:
case49:
case50:
case51:
case52:
case53:
case54:
case55:
case56:
case57:
display(keyCode-48);
break;
case67:
toClear();
break;
case106:
display("*");
break;
case107:
display("+");
break;
case109:
case189:
display("-");
break;
case111:
case191:
display("/");
break;
case187:
result();
break;
}
}
}
}
</script>
<styletype="text/css">
input{
height:2.5em;
width:5em;
}
input#display{
width:100%;
}
</style>
</head>
<body>
<tableborder="1"align="center"frame="box"rules="all">
<tr>
<tdcolspan="3"><inputtype="text"id="display"disabled/></td>
<td>
<inputname="按鈕"type="button"onClick="result()"value="計算"/></td>
</tr>
<tr>
<td><inputtype="button"value="7"onClick="display(this.value)"/></td>
<td><inputtype="button"value="8"onClick="display(this.value)"/></td>
<td><inputtype="button"value="9"onClick="display(this.value)"/></td>
<td><inputtype="button"value="+"onClick="display(this.value)"/></td>
</tr>
<tr>
<td><inputtype="button"value="4"onClick="display(this.value)"/></td>
<td><inputtype="button"value="5"onClick="display(this.value)"/></td>
<td><inputtype="button"value="6"onClick="display(this.value)"/></td>
<td><inputtype="button"value="-"onClick="display(this.value)"/></td>
</tr>
<tr>
<td><inputtype="button"value="1"onClick="display(this.value)"/></td>
<td><inputtype="button"value="2"onClick="display(this.value)"/></td>
<td><inputtype="button"value="3"onClick="display(this.value)"/></td>
<td><inputtype="button"value="*"onClick="display(this.value)"/></td>
</tr>
<tr>
<td><inputtype="button"value="."onClick="display(this.value)"/></td>
<td><inputtype="button"value="0"onClick="display(this.value)"/></td>
<td><inputtype="button"value="C"onClick="toClear()"/></td>
<td><inputtype="button"value="/"onClick="display(this.value)"/></td>
</tr>
</table>
</body>
</html>
其實主要就是加個鍵盤事件監聽，這里用的keydown，改成keyup亦可，然後主要是了解思想，代碼僅供參考
『柒』 web前端中fc-button是什麼框架里邊的按鈕
button是按鈕的意思，一般出現在<input />標簽當中
『捌』 前端javascript如何阻止按下返回鍵頁面回退
document.onkeydown=function(e){
e.stopPropagation();//阻止事件冒泡傳遞
e.preventDefault();//阻止瀏覽器默認事件的發生
//yourcode
if(e.keyCode==8){//keyCode==8表示按下的回退按鈕
}
}
『玖』 jQuery怎麼寫撤銷
看你是要撤銷什麼了，舉個例子：例如你點擊按鈕刪除某一段文字，就是把這些文字移除掉，但是因為有可能需要恢復，所以在移除之前聲明一個數組，把相關的文本推進數組保存，然後再移除，這樣在要恢復（就是撤銷）的時候再把數組裡面的東西取出來放到原來的位置就可以了
，但是，但是，但是。。。
這樣是不對的，因為如果你刷新了頁面，那麼數據就沒有了，那麼應該是是把拿到得數據保存在瀏覽器緩存上。撤銷的時候在拿回來。
但是，但是，但是，這樣還是不對的，因為如果這些刪除的東西很大超過了瀏覽器緩存呢？
所以，正確的寫法是：做一個狀態，點擊刪除的時候把它隱藏掉，點擊撤銷的時候顯示。
為什麼要這么寫呢，因為前端一般是做一些假刪除，真的刪除是要通過後台去操作資料庫的
，但是我們前段要實現這些功能的話可以通過設置狀態來做假刪除。
『拾』 前端,如何獲取選擇文件的那個按鈕
要使用JavaScript選擇單選按鈕的狀態，需要選中單選按鈕對象的checked屬性，本篇文章介紹的就是使用JavaScript獲取單選按鈕的選擇狀態的方法。
可以從名稱獲取文本框和復選框的控制項，但是對於單選按鈕，如果將其設置為相同的單選按鈕組，則不能使用從名稱獲取，因為名稱的值相同。我們將從之前介紹的ID中檢查選擇狀態。