JQuery判断页面是否加载完成

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"/>
时间： 2024-08-02 20:37:28

JQuery判断页面是否加载完成的相关文章

javascript-JS中如何判断页面重新加载了一遍？

问题描述 JS中如何判断页面重新加载了一遍? 如题,JS如何判断页面重新加载了一遍?此外,又如何判断页面是否刷新了呢? 解决方案 js 重新加载页面js判断页面关闭,刷新,加载 解决方案二: 写一个全局变量a=0,初始赋一次值a=1,然后每隔几秒刷新,当a的值==0就表示刷新了, 如果你要做业务的话,最好就每隔1秒去查看一次 解决方案三: alert调试一下

jQuery 判断图片是否加载完成方法汇总_jquery

对于图片的处理,例如幻灯片播放.缩放等,都是依赖于在所有图片完成之后再进行操作. 今天来看下如何判断所有的图片加载完成,而在加载完成之前可以使用 loading 的 gif 图表示正在加载中. 一.普通方法 监听 img 的 load 方法,每 load 一张图片比较一次.关键代码如下: var num = $img.length; $imgs.load(function() { num--; if (num > 0) { return; } console.log('load compelet

jQuery Ajax页面局部加载方法汇总_jquery

在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考. 例 $.ajax({ url: "hotelQuery!queryHotelByCity.action", type: "post", dataType: "html", data: "queryHotel.city="+cityobj.value+"&

用js判断页面是否加载完成实现代码_基础知识

用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == "complete"判断是否加载完成 代码如下: 复制代码 代码如下: document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething() { if(document.readyState == "complete") //当页

js或者jquery判断图片是否加载完成实现代码_javascript技巧

网页中有时候需要获得图片的宽度和高度,来定义某些大小,可是这个是需要从服务端请求图片,下载到本地才能够得到的,有些js或者jquery代码在还没有加载完图片时就执行了.怎么办呢? jquery提供一个方法: 复制代码 代码如下: 01.$("").load(function(){...}); 其中选择器是图片的id或class,function里面的方法就是回调函数,在图片加载完成后执行,但是我试验了很多,压根儿不是那么回事,正确的解决方法是: 用js的onload方法: 复制代码 代

javascript判断图片是否加载完成的方法推荐_javascript技巧

load事件 <script type="text/javascript"> $('img').onload = function() { //code } </script> 优点:简单易用,不影响HTML代码. 缺点:只能指定一个元素,javascipt代码必须置于图片元素的下方 jquery方法 <script type="text/javascript"> $(function(){ $('.pic1').each(fun

如何使用JavaScript判断图片是否加载完成

有时需要获取图片的尺寸,这需要在图片加载完成以后才可以.有三种方式实现,下面一一介绍. 一.load事件 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img id="img1" src="http:/

webbrowser-c# 如何网页加载顺序从而判断是否完成加载

问题描述 c# 如何网页加载顺序从而判断是否完成加载 有的网站里面有多个框架,普通的方法无法判断是否加载完成了,所以我想通过加载顺序来判断,只要某一个元素加载出来了,就是全部加载好了,那么,如何获得加载顺序呢,有什么软件没有,还有就是有什么好的方法 解决方案 JavaScript判断页面是否加载完成怎样判断内嵌的网页是否加载完成如何判断图片是否加载完成

jQuery实现的自动加载页面功能示例_jquery

本文实例讲述了jQuery实现的自动加载页面功能.分享给大家供大家参考,具体如下: demo.html: <li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"><p>---------------</p></li> <li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"