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

jquery是等待页面加载完数据，以及页面部分元素；js是页面全部加载完成才执行初始化加载，具体示例祥看本文

创新互联公司主营黎平网站建设的网络公司,主营网站建设方案,app软件定制开发,黎平h5成都小程序开发搭建,黎平网站营销推广欢迎黎平等地区企业咨询

jquery和js初始化加载页面的区别：

jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），

js：是页面全部加载完成才执行初始化加载。

1、jQuery

页面加载初始化的方法有3种

，页面在加载的时候都会执行脚本,

第一种(比较常用)：

代码如下:

$.function(){

alert("第一种方法");

});

第二种：

复制代码

代码如下:

$(document).ready(function(){

alert("第二种方法");

});

第三种：

代码如下:

jQuery(function($){

alert("第三种方法");

});

2、js初始化加载的方法

第一种：

代码如下:

window.onload=function(){

alert("初始化加载");

};

第二种：

(winOnload

此方法名自定义)

代码如下:

function

winOnload()

{

alert("初始化加载");

};

winOnload();

注意：

由于jquery使用$符号，和有些组件例如dwr就有冲突，为了解决这个问题，可以使用

代码如下:

var

ace=jQuery.noConflict();

怎样用jquery在div中加载页面

使用jquery中的load事件。

load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。

参数url,[data,[callback]]

url:待装入 HTML 网页网址。

data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。

callback:载入成功时回调函数。

例子$("#test").load("index.html");在元素test中载入index页面

jQuery如何实现页面加载完毕再去执行代码

通过以下方案解决：

解决方案一:

$(document).ready(function(){//代码})

解决方案二:

$(function(){//代码});

解决方案三:

jQuery(document).ready(function(){//代码})

解决方案四:

window.onload=function(){//代码}

解决方案五:

将jquery代码放入body的后面，这样也会实现相同的效果。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

参考资料

百度百科.百度百科[引用时间2018-1-12]

jquery怎么判断页面加载完全

jquery加载页面的方法，即：页面加载完成就执行，有如下几种：

1、jQuery的$(document).ready

$(document).ready(function(){

$("#a").click(function(){

//adding your code here

});

});

就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。

2、ready事件的简写方法

$(function(){

$("#a").click(function(){

//adding your code here

});

});

此方法就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前，是ready的简写方式

3、window的onload事件

window.onload = function(){

$("#a").click(function(){

//adding your code here

});

}

这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。

怎么重新加载页面使用jquery

为是重新加载页面或刷新页面使用jquery，你可以使用location.reload()命令，

以下是代码：

html

head

titleRefresh a page in jQuery/title

scripttype="text/javascript"src="jquery-1.3.2.min.js"/script

/head

body

buttonid="PageRefresh"Refresh a Page in jQuery/button

scripttype="text/javascript"

$('#PageRefresh').click(function() {

location.reload();

});

/script

/body

/html

本文名称：jquery页面加载,jquery页面加载完成后执行
分享URL：http://azwzsj.com/article/dsiohhs.html