JavaScript和JQuery中的函数调用之间的区别

最新推荐文章于 2021-03-30 20:38:39 发布

cyan20115

最新推荐文章于 2021-03-30 20:38:39 发布

阅读量212

点赞数

文章标签： javascript ViewUI

一个简单的示例演示如何在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>
<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>

标签：函数 javascript

翻译自: https://mkyong.com/jquery/different-call-between-javascript-and-jquery/

cyan20115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript和JQuery中的函数调用之间的区别

一个简单的示例演示如何在JavaScript和jQuery中加载页面后如何调用函数来创建动态内容。 1. JavaScript 要在页面加载后调用函数，JavaScript使用“ window.onload ”和“ innerHTML ”动态创建内容。 window.onload = function(){ document.getElementById('msgid3') ...
复制链接

扫一扫