`
starbhhc
  • 浏览: 655658 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery和js初始化加载的多种方法

 
阅读更多
jquery和js初始化加载页面的区别:
jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),
js:是页面全部加载完成才执行初始化加载。
jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,
第一种(比较常用):
$.function(){
alert("第一种方法");
});
第二种:
$(document).ready(function(){
alert("第二种方法");
});
第三种:
jQuery(function($){
alert("第三种方法");
});
js初始化加载的方法,
第一种:
window.onload=function(){
alert("初始化加载");
};
第二种:(winOnload 此方法名自定义)
function winOnload() {
alert("初始化加载");
};
winOnload();
 
注意: 由于jquery使用$符号,和有些组件例如dwr就有冲突,为了解决这个问题,可以使用
var  ace=jQuery.noConflict();
分享到:
评论

相关推荐

    jquery跟js初始化加载的多种方法及区别介绍

    JavaScript 和 jQuery 是两种广泛使用的前端开发库,它们都支持页面加载时的初始化加载,但有其各自的特点和执行时机。本文将详细介绍这两种技术的初始化加载方法及其差异。 **jQuery 初始化加载** jQuery 的主要...

    jquery.lazyload图片预加载效果 jquery预加载

    3. 初始化插件:在jQuery的$(document).ready()函数中调用$.fn.lazyload()方法,进行初始化配置。 ```javascript $(function() { $("img.lazy").lazyload(); }); ``` 这里,".lazy"是图片的选择器,可以根据实际...

    jquery 实现的等待加载页面

    开发者通常会在`<head>`标签内引入jQuery库,并在`<body>`标签的`$(document).ready()`函数中编写加载动画的初始化代码,确保在页面内容加载之前显示加载提示。 `更多素材.url`是一个快捷方式或书签,指向更多的...

    jQuery页面加载初始化常用的三种方法

    以下是jQuery中用于页面加载初始化的三种常见方法的详细解释: ### 1. `$(document).ready()` 方法 `$(document).ready()` 是jQuery中最经典的页面加载初始化方法。这个方法会在DOM(文档对象模型)完全加载并解析...

    js,jquery懒加载demo

    JavaScript 和 jQuery 的懒加载技术是一种优化网页性能的策略,它主要应用于图片、视频或大量数据的加载。...JavaScript 和 jQuery 都提供了实现懒加载的方法,选择适合你项目的实现方式可以带来更好的用户体验。

    jquery 下拉刷新上拉加载

    2. 初始化iScroll对象,指定包含可滚动内容的元素,并配置下拉刷新和上拉加载的相关选项。 3. 配置监听事件,当用户达到页面顶端或底端时,触发相应的刷新或加载函数。 4. 在后端或通过Ajax处理刷新和加载请求,更新...

    jQuery.spin.js自定义页面加载Loading动画代码

    1. **初始化设置**:在你的JavaScript代码中,通过$.fn.spin方法初始化动画。你可以传入一个预设的spinner选项(如'large'或'small'),或者自定义配置对象。例如: ```javascript $('#loadingDiv').spin('small')...

    jquery.DataLazyLoad数据延迟加载插件

    4. **初始化插件**:在文档加载完成后,调用`$.fn.dataLazyLoad`方法来初始化插件,监控需要延迟加载的元素。 5. **更新内容**:如果动态添加新的延迟加载元素,需要重新初始化插件以确保它们被正确处理。 **4. ...

    jQuery图片加载loading加载层动画插件

    3. **初始化插件**:在页面加载完成后,使用jQuery的选择器找到需要添加动画的图片元素,然后调用ProgressBar.js的方法初始化加载动画。 4. **配置参数**:你可以根据需要设置一些参数,如进度条的颜色、速度等,来...

    JQuery LazyLoad 图片懒加载实例

    在页面DOM加载完成后,我们需要初始化jQuery LazyLoad插件。这通常在`$(document).ready()`函数内完成: ```javascript $(function() { $(".lazyload").lazyload(); }); ``` ### 4. 实例配置 jQuery LazyLoad ...

    jquery初始化分析

    ### jQuery初始化分析与JavaScript Ready机制详解 在深入探讨jQuery初始化过程之前,我们首先需要理解jQuery是什么以及它在前端开发中的重要性。jQuery是一款快速、简洁的JavaScript库,它极大地简化了HTML文档遍历...

    jQuery页面加载初始化的3种方法(推荐)

    以下是对标题中提到的jQuery页面加载初始化的三种方法的详细解释: 1. **第一种方法:**`$(document).ready(function() {...})` 这是最常见和直观的页面加载事件处理方式。`$(document).ready()`函数确保在DOM完全...

    jQuery懒加载插件页面滚动加载数据代码

    然后,在JavaScript中初始化懒加载插件。这通常在DOM准备就绪后执行,可以使用`$(document).ready()`或简写形式`$(function() {...})`: ```javascript $(function() { $("img[data-src], iframe[data-src]").lazy...

    Jquery.ScrollLoading图片延迟加载插件

    3) **初始化插件**:在文档加载完成后,调用`.scrollLoading()`方法来初始化插件。你可以设置一些参数来自定义行为,例如设置加载动画、设置图片容器等。 4) **标记待加载的图片**:为了使插件识别哪些图片需要延迟...

    可初始化值的jQuery省市三级联动插件

    这种效果通过JavaScript和jQuery可以轻松实现,而这个插件则专门解决了这个问题,尤其是提供了初始化赋值的功能,使得在页面加载时就可以显示已选的省市地区。 插件的实现原理通常是利用jQuery的选择器和事件监听来...

    jQuery移动端下拉刷新、上拉加载更多插件

    2. **初始化dropload**:在文档加载完成后,使用jQuery的`$(document).ready()`或Zepto的`$(function(){...})`来初始化dropload。选择需要应用下拉刷新和上拉加载的元素,并设置相应的回调函数。 3. **设置回调函数*...

    jquery 图片延迟加载

    jQuery作为广泛使用的JavaScript库,提供了实现图片延迟加载的便利方法。 ### 一、什么是图片延迟加载? 图片延迟加载,也称为懒加载,是一种优化网页性能的技术。它使得图片在用户滚动到可视区域时才开始加载,而...

    php+mysql+jquery.more.js下拉加载带sql数据完整流程带mysql测试数据

    `js`目录则包含了除`jquery.more.js`之外的其他JavaScript文件,比如可能有一些辅助脚本或自定义的业务逻辑。 总的来说,这个项目展示了如何将前端交互(jQuery的下拉加载功能)与后端处理(PHP和MySQL)相结合,...

    jQuery无限滚动加载图片瀑布流代码

    总结来说,jQuery无限滚动加载图片瀑布流技术是结合了jQuery库、瀑布流布局和无限滚动加载的网页设计技巧,通过精心设计的插件,可以轻松地实现在网页上动态加载和展示图片,为用户提供流畅、无阻隔的浏览体验。

Global site tag (gtag.js) - Google Analytics