关闭

JQuery判断页面是否加载完成

72人阅读 评论(0) 收藏 举报
分类:

<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"/>





0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:7936次
    • 积分:137
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章存档