如何將腳本添加到同一個文件中的HTML按鈕中？

這可能是一個基本問題。我有一個按鈕，這是如何將腳本添加到同一個文件中的HTML按鈕中？

<button type="button">Click Me!</button>

後來才知道有一個腳本是：

<script> 
alert("My First JavaScript"); 
</script>

要調用這個腳本，我可以說的onclick調用另一個PHP或HTML文件。但是我想將這個腳本添加到同一個文件中，而不是添加一個新文件。任何建議將不勝感激。

來源

2014-02-23 Bernard

可能重複函數實現：使用attachEvent/addEventListener vs內聯事件]（http://stackoverflow.com/questions/3763080/javascript-add-events-cross-browser-function-implementation-use-attachevent-add） –

我是新來的javascript和我無法找到它......無論如何感謝您的投票！ – Bernard

當然，不要個人..它只是爲了保持網站清潔:)歡呼！ –

幾種方法：

<button type="button" onclick="clickHandler()">Click Me!</button> 

<script> 
    function clickHandler() { 
     alert("something"); 
    } 
</script>

第二（如果你正在使用像jQuery）

<button id="btn" type="button">Click Me!</button> 

$('#btn').click(function() { 
    alert('something')// 
});

你也可以在普通的javascript中做到這一點..只是搜索添加事件處理程序，你會得到大量的跨瀏覽器的方式來做到這一點。

來源

2014-02-23 13:42:11

我沒有看到JQuery標籤 – Jonathan

在我的回答中看到了「if」？ :) ..我也已經包括一個方法來做到這一點在普通的JS和進一步的說明:) –

可以使用調用警報：

<button type="button" onclick="javascript:alert('My First JavaScript');">Click Me!</button>

來源

2014-02-23 13:41:22 Unknown

使腳本類型= 「文本/ JavaScript的」
關閉警報的功能例函數溫度內（）{....}
在按鈕部分添加的onClick即

來源

2014-02-23 13:42:53

HTML

<button onclick="myFirst()" type="button">Click Me!</button> 

<script> 
function myFirst() { 
    alert("My First JavaScript"); 
} 
</script>

來源

2014-02-23 13:43:11 Jonathan

<button type="button" onclick="myFunction()">Click Me!</button> 



<script> 
    function myFunction() { 
     alert("My First JavaScript"); 
    } 
</script>

[加入JavaScript事件的跨瀏覽器的

來源

2014-02-23 13:45:30

如何將腳本添加到同一個文件中的HTML按鈕中？

回答

相關問題