Question

我在jquery中没有exp或任何知识，但我想在页面加载时发出警报。我有这个代码使用jQuery警报的示例

<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Example script -->
<script type="text/javascript">
$(document).ready( function() {
$("#basic_button").click( function() {
jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});
});
</script>
</head>
<body>
<p>
<input id="basic_button" type="button" value="Show Basic Alert" />
</p>
</body>
</html>

如何在页面加载时设置它？

Answer 1

你应该在你的页面中包含jQuery库。你可以从这里得到： - jquery Library

<script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.min.js'></script>
    <script type="text/javascript">

        $(document).ready( function() {

        alert('Your Message');

        });
        </script>

Answer 2

$(document).ready( function() {
    jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});

或您可以使用Window onload

window.onload=function(){
    jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
};

Answer 3

$(document).ready( function() {
    jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});

Answer 4

$("#basic_button").click( function() {
   jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});

如果您想要在页面加载时显示button并id basic_button {/ 1>}，则会执行此操作

$(document).ready( function() {
   jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});

PS：我会建议在开始编码之前阅读一些基本的jQuery tutorials。

Answer 5

注意：将功能传递到$(func)是$(document).ready(func);的快捷方式

$(function(){

alert("Page loaded");

});

Answer 6

您可以简单地执行以下操作：

$(document).ready( function() {

  alert("Load Successfully");
});

请不要忘记在头部添加jquery参考。

如果您正在寻找jAlert，请尝试以下方法：

<!DOCTYPE html>
<head>
<title>Examples of using jQuery Alerts</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>

<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Example script -->
<script type="text/javascript">
$(document).ready( function() {

   jAlert('Test');

});
</script>
</head>
<body>


</body>
</html>

Answer 7

<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

你走了。

<!-- Example script -->
<script type="text/javascript">
$(document).ready( function() {
jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});
</script>
</head>
<body>
<p>
<input id="basic_button" type="button" value="Show Basic Alert" />
</p>
</body>
</html>

Answer 8

<强> $( document ).ready()

在文档准备好之前，页面无法安全操作。＆＃34; jQuery为您检测这种准备状态。包含在$（document）.ready（）中的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行。包含在$（window）.load（function（）{...}）中的代码将在整个页面（图像或iframe）（而不仅仅是DOM）准备就绪后运行。

// A $( document ).ready() block.
$( document ).ready(function() {
alert( "ready!" );
});

OR

// A $( document ).ready() block.
$( document ).ready(function() {
console.log( "ready!" );
});

有经验的开发人员有时会使用简写为$（document）.ready（）。如果您编写的代码是那些对jQuery没有经验的人可能会看到的，那么最好使用长格式。

// Shorthand for $( document ).ready()
$(function() {
console.log( "ready!" );
});

Answer 9

您可以删除click处理程序。此外，您似乎缺少jQuery库，可以在jAlert插件之前添加：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
     $(document).ready( function() {
         jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
     });
</script>

在页面加载时启动jQuery Alert

9 个答案: