Dalam melakukan programming di Javascipt kadang kita menginginkan semua kode html tampil dulu kemudian baru coding dari javascript kita. Dalam JQuery hal ini dilakukan dengan function document.ready seperti berikut:
- $(document).ready(function(){
// Kode javascript
}); - $(function() {
// Kode javascript
});
Sebagai contoh adalah http://jquery.proweb.asia/basic/onready.html yang mempunyai source code sebagai berikut :
<html>
<head>
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.4.2.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
alert(“document siap!”);
});
</script>
</head>
<body>
<a href=”http://proweb.co.id/”>Proweb</a>
<script type=”text/javascript”>
alert(“akhir body”);
</script>
</body>
</html>
Contoh kedua ada di http://aris.proweb.asia/onready.html dengan source code :
<html>
<head>
<script src=”development-bundle/jquery-1.6.2.js”>
</script>
<script type=”text/javascript”>
$(function() {
alert(“document siap!”);
});
</script>
</head>
<body>
<a href=”http://proweb.co.id/”>Proweb</a>
<script type=”text/javascript”>
alert(“akhir body”);
</script>
</body>
</html>
Kunjungi www.proweb.co.id untuk menambah wawasan anda.