以下是一个简单的例子用来阐述JavaScript与jquery是怎么调用函数的当页面加载完成后。
1 JavaScript
为了在页面加载后调用函数,JavaScript使用了”window.onload” 和 “innerHtml” 来动态的创建内容。
代码如下:
window.onload = function(){
document.getElementById('msgid3')
.innerHTML = "This is Hello World by JavaScript";
}
2 jquery
为了在页面加载完成后调用函数,jquery使用了”$(document).ready”和“html()”来动态的创建内容。代码如下:
$(document).ready(function(){
$("#msgid1").html("This is Hello World by JQuery 1<BR>");
});
Html 代码如下:
<html>
<head>
<title>jQuery Hello World</title>
</head>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("#msgid1").html("This is Hello World by JQuery 1<BR>");
});
$(function(){
$("#msgid2").html("This is Hello World by JQuery 2<BR>");
});
window.onload = function(){
document.getElementById('msgid3').innerHTML = "This is Hello World by JavaScript";
}
</script>
This is Hello World by HTML
<div id="msgid1">
</div>
<div id="msgid2">
</div>
<div id="msgid3">
</div>
</body>
</html>