HTML - 加載頁面時的警報框

Question

我正在使用 HTML 代碼，但不想顯示警告消息或警告框，我不知道它叫什么，但顯示帶有“確定”按鈕的消息。

我想在頁面加載時顯示此警報。

我該怎么做呢？

以及如何使用警報框中的標題執行此操作？

我需要 JavaScript 嗎？ 如果沒有，如何在沒有 javascript 的情況下做到這一點？

喬納森

Answer 1

是的，你需要 javascript。 最簡單的方法是將其放在 HTML 頁面的底部：

<script type="text/javascript">
alert("Hello world");
</script>

有更多首選方法，例如使用 jQuery 的 ready 函數，但這種方法會起作用。

Answer 2

你需要一點點Javascript。

<script type="text/javascript">
window.onload = function(){ 
                alert("Hi there");
                }
</script>

這與亞當的回答略有不同。 有效的區別在於，當瀏覽器認為頁面已完全加載時，此警報會發出警報，而當瀏覽器掃描文本中的<script>標記時，Adam 會發出警報。 不同之處在於，例如，圖像可能會繼續並行加載一段時間。

Answer 3

您可以使用多種方法，一種是在腳本或主體的簡單函數調用中使用 Javascript window.onload 函數，如上面的解決方案，您也可以使用 jQuery 來執行此操作，但它只是對 Javascript 的修改。 . 只需通過粘貼將 Jquery 添加到您的標題中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

到您的 head 部分並打開另一個腳本標簽，當 DOM 准備好時，您會在其中顯示警報，即`

<script>
    $("document").ready( function () {
        alert("Hello, world");
    }); 
</script>

`

這使用 Jquery 來運行該功能，但由於 jQuery 是一個 Javascript 框架，它包含 Javascript 代碼，因此 Javascript 警報功能..希望這有助於...

Answer 4

如果您使用 jqueryui（或其他工具集），這就是您的方式

http://codepen.io/anon/pen/jeLhJ

html

<div id="hw" title="Empty the recycle bin?">The new way</div>

javascript

$('#hw').dialog({
    close:function(){
        alert('the old way')
    }
})

更新：如何通過指向 cdn 來包含 jqueryui

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

Answer 5

為了發出警報，只需在頁腳中的 javascript 代碼下方。

<script> 
 $(document).ready(function(){
    alert('Hi');
 });
</script>

您還需要加載 jquery min 文件。 請在標題中插入此腳本。

<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.0.min.js'></script>

Answer 6

<script type="text/javascript">
    window.alert("My name is George. Welcome!")
</script>

Answer 7

<script> 
    $(document).ready(function(){
        alert('Hi');
    });
</script>

Answer 8

你可以試試這個。

$(document).ready(function(){      
  alert();
     $('#rep‌​ortVariablesTable tbody').append( '<tr><td>lll</td><td>lll</td></tr>');
});