在页面加载时启动jQuery警报

我没有任何exp或jquery中的任何知识，但我想在页面加载时发出警报。我得到这个代码使用jQuery警报在页面加载时启动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>

如何设置在页面加载的例子？

来源

2014-04-10 user3518212

谷歌吧!! .... – dikesh

也了解http://stackoverflow.com/help/formatting – xyz

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

来源

2014-04-10 06:45:07 Hrishi

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

时button与id为basic_button被点击，如果你想dispaly它在页面加载使用此将被执行

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

PS：我会建议跳进编码前阅读一些基本jQuery tutorials 。

来源

2014-04-10 06:40:28 xyz

注：传递函数为$(func)是$(document).ready(func);

$(function(){ 

alert("Page loaded"); 

});

来源

2014-04-10 06:41:02 Abhinav

警告将出现在点击'按钮'上，而不是页面加载。 – xyz

对不起。我忘记编辑了。 Thnx通知 – Abhinav

一个快捷方式，您可以简单的做如下：

$(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>

来源

2014-04-10 06:41:38

<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>

来源

2014-04-10 06:42:06

你应该在你的page.you 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>

来源

2014-04-10 06:42:23

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

或者您可以使用窗口的onload

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

来源

2014-04-10 06:43:58 ambarox

$(document).ready()

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

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

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

经验的开发人员有时使用简写为$（文件）。就绪（）。如果你正在编写的代码是那些对jQuery没有经验的人可能会看到的，那么最好使用长表单。

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

来源

2014-04-10 06:44:07 Aryan

可以删除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>

来源

2014-04-10 07:11:02 Felix

在页面加载时启动jQuery警报

回答

相关问题