jquery加载页面的方法(页面加载完成就执行)

来源:脚本之家  责任编辑:小易  

顺序非常重要!一般都是在页面之前加载js和页面元素加载完毕后 再加载js这两种方式相结合,例如jquery的 $(function(){ .. })加载方式属于页面元素加载后(图片等信息加载前)再加载js ,而普通js作用域中,是js文件一旦被加载就立即执行。 因

1、$(function(){

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

$(function(){ $.ajax({ 操作的代码 }); }) 或者是 $(document).ready(function(){ $.ajax({ 操作的代码 }); }) 试试 记不清

    //adding your code here

$("#btnLogin").click(alert("!!!!")); 你的这种写法是不对的 click(function) click函数需要传入一个function,作为回调函数。 但是你现在click(alert("!!!!")) 传入的不是一个function alert("!!!!")的返回值是undefined 因此你这句相当于 先

  });

});

2、$(document).ready(function(){

jquery加载页面的方法,即:页面加载完成就执行,有如下几种: 1、jQuery的$(document).ready $(document).ready(function(){ $("#a").click(function(){ //adding your code here }); }); 就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML

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

$(function(){ $.ajax({ 操作的代码 }); }) 或者是 $(document).ready(function(){ $.ajax({ 操作的代码 }); }) 试试 记不清

    //adding your code here  

大连万达在巅峰期退出中国足球,可以说更多的是因为老板王建林认为已经到了可以退出的时候。此话怎讲?王建林的大连万达足球队在当时的甲A冠军拿到手软,可以说该拿的都拿了,这也让企业的知名度从大连市扩展到了全国范围。广告效应可以说是效果极佳。不能否认王建林个人对于足球的喜爱,不然当初他也不会入主大连足球。但是作为商人,商业因素肯定是需要考虑的。其实当时的甲A和如今一些局面相近,足球虚火上升,成本水涨船高,作为肯定亏本的买卖,找机会全身而退也许是最好的选择。尤其是当时中国足球的一些丑陋现象也真的伤到了王建林的心,伤到了他继续投资足球的热情。拥有商人敏感性的王建林大概也是预判到了中国足球形象可能下降的趋势

  });

});

3、window.onload = function(){

现在的小学生真的是“吊炸天”,还很开放。。。这么小年纪啥都会了!网上也各种小学生段子简直看的让小编都自愧不如,还记得之前的小学生直播炫富、小学生分手,一度吵的沸沸扬扬。小学六年级李老师在下课时,发现班上一名男学生盯着一张纸条看,她走近时,男学生瞬间脸红,引起了李老师的注意。她拿起纸条一看,竟然是一封女学生写的情书。小学李老师称,她曾发现二年级男生传纸条给女生,写着“我爱你”。今年班上有学生情人节互送礼物,还有学生祝她情人节快乐。“一直觉得你会抛弃我,你帮别人写情书的时候我真心吃醋了”“不管多小的事都要男神你做”情书中,女生多次要求与男生有亲密动作。结尾处,女学生模仿台湾偶像剧里女主角口吻,大呼

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

$(function(){ $.ajax({ 操作的代码 }); }) 或者是 $(document).ready(function(){ $.ajax({ 操作的代码 }); }) 试试 记不清

    //adding your code here

$("#btnLogin").click(alert("!!!!")); 你的这种写法是不对的 click(function) click函数需要传入一个function,作为回调函数。 但是你现在click(alert("!!!!")) 传入的不是一个function alert("!!!!")的返回值是undefined 因此你这句相当于 先

  });

}

html代码为<input type="button" id="a">点击</input>,且页面需要引用jquery的js文件

一般的加载页面时调用js方法如下:

window.onload = function() {

$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码

};

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

但是用jquery的方法:

$(document).ready(function() {

// 任何需要执行的js特效

$("table tr:nth-child(even)").addClass("even");

});

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

还有一种简写的方式:

$(function() {

// 任何需要执行的js特效

$("table tr:nth-child(even)").addClass("even");

});

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

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在页面加载的时候自动调用某个函数,有三种方法:

第一种:

$(document).ready(function(){

func(xxx)//执行函数

});

第二种:

$(function(){

func(xxx)//执行函数

});

第三种:

jQuery(function($) {

func(xxx)//执行函数

});

如果不用jquery,在页面初始化的方法,

1.在body里面写onload

2.在脚本里面写

如何让页面加载完成后执行js

//加载事件

window.onload=function(){

    alert('加载完毕');

};

以下是window.onload与 $(document).ready()的加载区别,可以参照下

window.onload:必须等到页面内包括图片的所有元素加载完毕后才能执行。 

$(document).ready():是DOM结构绘制完毕后就执行,不必等到加载完毕。

jquery方法判断页面是否加载成功

$(function(){

alert("加载完成");

});

这句话要放在<head>里面,例子:

<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(function(){

alert("加载完成");

});

</script>

</head>

必须先有<script src="http://code.jquery.com/jquery-latest.js"></script>,这句是引入jquery,在引入后在写上面这个句子

jquery 页面加载完成后多少秒 执行函数

  $(document).ready()方法和window.onload()方法有相似的功能,但是在执行时机方面是有区别的。Window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即javascript此时才可以访问网页中的任何元素。而通过jQuery的$(document).ready()方法注册的事件处理程序,在DOM完全就绪时就可以被调用。此时,网页中的所有元素对jQuery而言都是可以访问的,但是,这并不意味着这些元素关联的文件都已经下载完毕。本回答被提问者和网友采纳

  • 本文相关:
  • jquery按需加载轮播图(web前端性能优化)
  • jquery使用easyui tree异步加载json数据(生成树)
  • 如何解决jquery easyui 已打开tab重新加载问题
  • 关于 jquery easyui异步加载tree的问题解析
  • jquery生成假加载动画效果
  • jquery.lazyload 实现图片延迟加载jquery插件
  • jquery.lazyload.js修正版下载,实现图片延迟加载插件
  • jquery页面加载初始化常用的三种方法
  • jquery实现页面加载效果
  • 详解jquery lazyload 懒加载
  • jquery中的select操作详解
  • iframe中使用jquery进行查找的方法【案例分析】
  • jquery实现简单的回到顶部totop功能示例
  • jquery实现弹窗居中效果类似alert()
  • jquery 学习入门篇附实例代码
  • jquery实现的右下角广告窗体跟随效果示例
  • jquery读取本地的json文件(实例讲解)
  • jquery实现点击div同时点击checkbox,并为div上背景色的实例
  • jquery学习笔记 操作jquery对象 属性处理
  • 基于jquery的使listnav兼容中文首字拼音排序的实现代码
  • jQuery如何实现页面加载完毕再去执行代码
  • 如何让jquery在页面加载的时候自动调用某个函数
  • 如何让页面加载完成后执行js
  • jquery方法判断页面是否加载成功
  • jquery 页面加载完成后多少秒 执行函数
  • 有的是页面加载后在执行,有的是页面一加载就执行...
  • jQuery 在页面加载完执行一段ajax如何实现
  • Jquery的点击事件总是在页面加载时就执行了?怎么...
  • 如何判断页面是否加载完毕了,再执行
  • 如何让jquery在页面没加载完就可以执行,每次要等...
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved