如何判断页面是否加载完成?

摘要:
这意味着页面上的所有元素都可以由js操作,也就是说,页面上的元素都将在加载后执行。换句话说,当HMTL下载完成并解析为DOM树时,代码将执行注意:加载页面时有两种事件。一个就绪,表示文档结构已加载。另一个是onload,这表示页面的所有元素,包括图像,都已加载。

方式一:window.onload:

当一个文档完全下载到浏览器中时,才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利,因为无需考虑加载的次序。

window.onload=function(){

        dosth//你要做的事情

    }

方式二:$(document).ready():

会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的,但是,并不意味着所有关联的文件都已经下载完毕。换句话说,当HMTL下载完成并解析为DOM树之后,代码就会执行。

$(document).ready(function(){

      dosth//你要做的事情

    })

注意:页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload 前加载!!!)

方式三:用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成,需要的朋友可以参考下,用document.onreadystatechange的方法来监听状态改变,然后用document.readyState == “complete”判断是否加      载完成

document.onreadystatechange = function()   //当页面加载状态改变的时候执行function

    { 

       if(document.readyState == "complete")

      {   //当页面加载状态为完全结束时进入 
                  init();   //你要做的操作。
         }
    }

原文链接:https://www.cnblogs.com/jiangfengtomhuo/p/10237456.html

免责声明:文章转载自《如何判断页面是否加载完成?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇html 页面实现指定位置的跳转C# SQLLite下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Grafana 安装配置启动

多个数据源:Graphite、InfluxDB、OpenTSDB、Prometheus、Elasticsearch、CloudWatch、KairosDB、Zabbix等。通知和提醒,达到目标设置的阈值,并发出警报。grafana具有以下三个用户权限管理员:超级管理员,具有所有权限查看器:只能查看DashBoardEditer:无法创建用户,无法添加数据源,...

postman点击一次连续发送多次请求

可以测试同一个时间点创建订单。因为在工作中遇到的以此记录下,在工作上遇到同一个时间点产生了相同的赛时单号。...

Basler相机外部触发设置(Halcon)

不要为软触发器设置grab _ Timeout Collection超时,使用C#中的set _ framegrabber_Callback设置回调方法。4.C#与Halcon合作,实现外部触发回调函数,以收集图像1HalconDotNet。HalconAPI。HFramegrabberCallbackelegateCallback;“开”);“grab_t...

怎样能使winform窗体的大小固定住,不能调整其大小

Form1.TopMost=真/假10.将窗体设置为部分透明窗体1.透明键。它接受颜色值。当表单中的颜色与设置的颜色一致时,系统将这些颜色的区域设置为透明。事件1.激活和停用:窗体的活动和非活动状态,即鼠标的焦点和非焦点状态;2.在关闭过程中();您可以取消以关闭此事件。...

myEclipse

因此,更改windows–>preferences–>general–>editors–>fileassociations,将myeclipsejspedator设置为默认的myeclipse使用提示步骤5:更改代码提示快捷键。当前代码提示快捷键默认为ctrl+space,我们的输入方法也被切换,因此会出现冲突。...

后端线上服务监控与报警方案

1、 背景1.在发射过程中很难观察到服务稳定性。一项功能推出后,研发团队根本没有基础。我不知道这个功能在推出后是否真的可以;一些老学生有经验,知道可以直接登录在线机器去tail fphp。错误日志,但对于新生,他们只能等待服务失败的通知。退一步讲,即使可以使用在线tail-f查看错误日志,也有多个集群在线部署,并且有许多服务器。研发人员不可能在每台机器上看到...