7

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

我想在页面加载时显示此警报。

我该怎么做呢？

以及如何使用警报框中的标题来做到这一点？

我需要 JavaScript 吗？如果没有，如何在没有 javascript 的情况下做到这一点？

乔纳森

4

8 回答 8

18

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

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

还有更多首选的方法，比如使用 jQuery 的 ready 函数，但是这种方法会起作用。

于 2013-02-14T21:44:32.653 回答
4

你需要一点点Javascript。

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

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

于 2013-02-14T21:45:09.567 回答
4

您可以使用多种方法，一种在脚本或正文的简单函数调用中使用 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 警报功能..希望这有助于...

于 2017-01-16T08:12:00.023 回答
3

如果您使用 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>
于 2013-02-14T21:52:48.030 回答
2

为了发出警报，只需在页脚中的 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>
于 2016-01-09T08:16:23.823 回答
1 
<script type="text/javascript">
    window.alert("My name is George. Welcome!")
</script>
于 2016-05-27T10:30:26.783 回答
0 
<script> 
    $(document).ready(function(){
        alert('Hi');
    });
</script>
于 2015-08-06T11:15:48.470 回答
0

你可以试试这个。

$(document).ready(function(){      
  alert();
     $('#rep‌​ortVariablesTable tbody').append( '<tr><td>lll</td><td>lll</td></tr>');
});
于 2018-05-16T10:49:11.710 回答