JavaScript 与jquery 之间不同的函数调用方式

来源：互联网发布：淘宝热门店铺秒杀技巧编辑：程序博客网时间：2024/05/29 03:19

以下是一个简单的例子用来阐述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>

0 0