在Web開發(fā)的過程中,我們經(jīng)常需要在網(wǎng)頁中添加一些提示框,用于向用戶展示一些信息。這時候,JavaScript 中的alert()
函數(shù)就可以使用了。
在 HTML 代碼中,我們可以直接使用alert()
來彈出提示框。例如:
<button onclick="alert('Hello World!')">點擊這里</button>
上述代碼中,我們在按鈕的onclick
事件中添加了alert('Hello World!')
,表示點擊按鈕時會彈出一個提示框,內(nèi)容為“Hello World!”。
除了在 HTML 代碼中直接使用alert()
函數(shù)外,在 JavaScript 中我們也可以通過 DOM 對象來調(diào)用該函數(shù)。例如:
<script> window.onload = function() { var btn = document.getElementById('myButton'); btn.onclick = function() { alert('Hello World!'); } } </script>
上述代碼中,我們先通過document.getElementById()
方法獲取了 ID 為myButton
的按鈕對象,然后給該對象的onclick
屬性賦值為一個匿名函數(shù),函數(shù)內(nèi)部調(diào)用了alert()
函數(shù)。
在實際開發(fā)中,我們還可以通過 CSS 樣式來美化提示框的外觀,使其更加美觀。