Question

我正在使用HTML代码，我不想显示非警报消息或警告框，我不知道它叫什么，而是带有“确定”按钮的消息。

我希望在加载页面时显示此提醒。

我该怎么做？

如何使用“警告”框中的标题执行此操作？

我需要JavaScript吗？如果没有，如何在没有javascript的情况下执行此操作？

乔纳森

Answer 1

是的，你需要javascript。最简单的方法是将它放在HTML页面的底部：

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

有更多首选方法，比如使用jQuery的ready函数，但这种方法可行。

Answer 2

你可以使用各种方法，一个使用Javascript window.onload函数在一个简单的函数调用中从脚本或从上面的解决方案中的body，你也可以使用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 3

你需要一点点Javascript。

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

这与亚当的回答略有不同。有效的区别在于，当浏览器认为页面已满载时，此警报会发出警报，而当浏览器扫描部分文本中的<script>标记时，Adam会发出警报。不同之处在于，例如，图像可能会在一段时间内并行加载。

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

        if (ListDates.Contains(Calendar1.SelectedDate))
        {
            e.Cell.CssClass = "newHighlight";
        }

Answer 8

你可以试试这个。

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

HTML - 加载页面时的警报框

8 个答案: