Js和jQuery的文档就绪函数以及执行次数

JsjQuery的文档就绪函数以及执行次数

1:JS文档就绪函数:

采用onload方法:

2:jQuery文档就绪函数:

方法一:采用ready方法

方法二:

通过上面的两种方法可看出:利用方法二比较精简,方法二应用广泛

3. JS文档就绪函数的执行次数:

---js的文档就绪函数不能定义多个。如果定义多个,最后定义的文档就绪函数会覆盖之前的。

例如:

像上面这样,函数定义两个或者两个以上的时候,最后弹出的结果只有“2”,因为后面定义的文档就绪函数会覆盖前面的。

4.jQuery文档就绪函数的执行次数:

---jquery的文档就绪函数可以定义多个,不会被覆盖。

像上面这样,定义两个函数,最后弹出的结果会有两个,第一个弹出来的是“11”,第二个弹出来的是“22”,它不会覆盖前面的,会一一都打印出来结果。

时间: 2024-08-10 19:53:05

Js和jQuery的文档就绪函数以及执行次数的相关文章

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

JQUERY 文档就绪函数

$(document).ready(function(){ 执行的操作 }); 文档就绪函数为了防止文档在完全加载(就绪)之前运行 jQuery 代码. 如果在文档没有完全加载之前就运行函数,操作可能失败. 例如:试图隐藏一个不存在的元素或者获得未完全加载的图像的大小

js和jquery获取文档对象以及滚动条位置

<div style="width:120px;height:120px;border:1px solid red; position:absolute; left:800px; top:100px; z-index:1001;" id="AdminUserStateDiv">                </div>        <div class="div1">层1</div><di

jQuery帮助文档

jQuery 库 - 特性 基础 jQuery 实例jQuery 是一个 JavaScript 函数库. 下面的例子演示了 jQuery 的 hidejQuery 库包含以下特性: 实例HTML 元素选取 <html>HTML 元素操作 <head>CSS 操作 <script type="text/javaHTML 事件函数 <script type="text/javascrJavaScript 特效和动画 $(document).ready(f

jQuery文档就绪事件

[jQuery文档就绪事件] 为了防止文档在完全加载(就绪)之前运行 jQuery 代码.如果在文档没有完全加载之前就运行函数,操作可能失败. $(document).ready(function(){ // 开始写 jQuery 代码... }); 简洁写法(与以上写法效果相同): $(function(){ // 开始写 jQuery 代码... }); 参考:http://www.runoob.com/jquery/jquery-syntax.html

文档就绪处理程序

//第一种方式是注册onload事件处理代码, //onload事件会在页面或图像加载完成后立即发生.这意味着onload事件的执行时间是在 //document对象和document对象所关联的所有的资源全部加载完毕才会执行onload事件处理程序 onload = function() { //JS代码 }; //第二种,使用jQuery的方式,在DOM树加载就绪的时候就执行 //当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件. //由于该

jquery easyui文档一(草稿)

Jquery easyui文档 基础 每个easyui的组件都有属性,方法和事件,开发者可以很方便的扩展他们. 属性 组件的属性定义在jQuery.fn.{plugin}.defaults,例如,dialog的属性定义在jQuery.fn.dialog.defaults 事件 事件(回调函数)也定义在jQuery.fn.{plugin}.defaults 方法 调用方法的语法类似:$('selector').plugin('method', parameter): 具体来说: Selector就

jquery ui 文档使用总结

介绍jquery ui文档中的api如何使用 <!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link href="jquery-ui.css" rel="stylesheet"> <

jQuery的文档操作(重点)/简单接触ajax(和风天气)

一.jQuery的文档操作****** 之前js中学习了js的DOM操作,也就是所谓的增删改查DOM操作.通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果.那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档. 看一个我们JS操作DOM的例子: var oUl = document.getElementsByTagName('ul')[0]; var oLi = document.createElement('li'); oLi.innerHTML = '