JQuery判断页面是否加载完成

转载 2016年08月31日 09:55:41

<span style="font-family: Simsun; background-color: rgb(255, 255, 255);">有时我们有些特殊的功能,需要先让页面加载完成之后再调用一些相关的函数,下面我来给大家介绍JQuery判断页面是否加载完成之后再执行其它函数。</span>

jQuery使用.ready()可确保在.ready()内编写的代码仅在完全加载DOM之后执行

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery在页面加载完成时执行函数</title>
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
alert("ready() 加载完成!!");
});
</script>
<script type="text/javascript">
alert("我是ready()下部分的代码,我先出来!");
</script>
</body>
</html>
js代码

<script>
 var ttd = null;
 document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
 function subSomething() {
  //if(document.readyState == "complete"&&window.parent.frames["框架名"].document.readyState == "complete") //当页面加载状态为完全结束时进入
   //myform.submit(); //这是你的操作
  if(document.readyState=="complete"){
   //alert("当前页面已加载完成!");
   ttd = document.getElementByIdx("ttd"); //当页面加载完成后获得该元素对象
   alert(ttd.value);
  }
 }
</script>
<input type="text" value="文档加载完成后才能读取该元素值" id="ttd"/>





相关文章推荐

关于ArrayList 中 subList 方法的陷阱

在平时,需要取出集合中一部分数据时。通常会使用subList 举个例子:               List list=new ArrayList(); list.add("d...
  • ypp91zr
  • ypp91zr
  • 2016年08月04日 11:40
  • 582

利用CSS、JQuery和div实现动态多级菜单

1、与前面不同,使用的CSS是class;前面的静态菜单使用的CSS是id方式。 我的菜单 div { margin:5px; padding: 5px; float:ri...
  • teamlet
  • teamlet
  • 2014年12月31日 00:02
  • 3547

JQuery判断页面图片是否加载完成并延迟加载

当页面图片很多、网络又不快时,图片显示会由上往下慢慢显示,这会让使用者观感很不好,故我希望在图片加载完成时,再将该图片显示,并用文字提示加载完成,虽然这个需求有很多JQuery的套件可以完成,且效果都...

JQuery判断页面图片是否加载完成并延迟加载

当页面图片很多、网络又不快时,图片显示会由上往下慢慢显示,这会让使用者观感很不好,故我希望在图片加载完成时,再将该图片显示,并用文字提示加载完成,虽然这个需求有很多JQuery的套件可以完成,且效果都...

C#判断webbrowser页面最终加载完成

  • 2012年09月20日 11:08
  • 44KB
  • 下载

Javascript判断页面是否加载完成

很多时候我们在使用document.getElementById的时候直接在script标签中获取对象,然后使用,此时程序会出现该对象为undefined。 script>     var dom ...

js判断页面是否加载完成

通过用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成。 可以采用2个div,其中...

判断图片是否加载完成(jquery插件fe)

在封装自己的瀑布流插件的时候,需要给每一个子元素进行定位,但是因为每个元素里面有图片,如果不能确认里面的图片是否加载完成,就进行定位的话,那么获取到的高度就会出错. 最开始的思路:  第一步 : 获取...

JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~

1 2 3 4 5 6 7 head> body> p>判断百度的LOGO是否存在:br> IMG src="http:/...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery判断页面是否加载完成
举报原因:
原因补充:

(最多只允许输入30个字)