js页面加载完成

① js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive

js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive

传回XML 文件资料的目前状况。 基本语法 intState ＝ xmlDocument.readyState; 说 明 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 3-INTERACTIVE：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。 4-COMPLETED：文件已完全加载，代表加载成功。 范 例 alert("The readyState property is " + xmlDoc.readyState);
1.窗口关闭时执行的函数 window.onbeforeunload = function(){}

2.页面加载情况判断document.readyState值可以是complete和interactive

function document.onreadystatechange() { if(document.readyState=="complete") alert(document.readyState); }

或者：

document.onreadystatechange = init;
function init() {

if(document.readyState=="complete") {.........}

}

3.屏蔽右键功能和严禁选中操作

//document.oncontextmenu=new Function("event.returnValue=false;");

//document.onselectstart=new Function("event.returnValue=false;");

4.鼠标位置判断

window.event.y和window.event.x //x,y是鼠标相对于当前浏览器的位置

window.event.screenY和window.event.screenX //screenX,screenY是相对于用户显示器的位置

window.event.clientY和window.event.clientX //clientX, clientY是鼠标当前相对于网页的位置，

window.event.offsetY和window.event.offsetX //offsetX, offsetY是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；

5.窗口大小判断

document.documentElement.scrollWidth和document.documentElement.scrollHeight //获取窗口的宽和高

6.返回值

window.event.returnValue="真的要关闭吗"; //弹出一个确认信息,确认事件是否要执行

return confirm("真的要关闭吗"); //两个是一样的功能

7.获取随机数 parseInt(Math.random()*100) //获取1至100之间的随机数

② js加载完成事件

一般来说引入js的话都是在页面底部所有内容之后，</body>之前引入js文件，这样的话不影响页面的加载，并且因为在所有html之后加载，js中的获取html元素也都能获取到。

至于你说的在js文件加载完之后执行某个方法，那就在你引入js文件之后执行方法就行了。

<scriptsrc="引入js文件"></script>
<script>
//调用文件方法名
aaa();
</script>

//比如你js文件中方法为
functionaaa(){
alert(123);
}

③ JS 页面加载触发事件 document.ready和onload的区别

一、意思不同

ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）。

onload，指示页面包含图片等文件在内的所有元素都加载完成。

二、作用不同

Dom Ready是在dom加载完成后就可以直接对dom进行操作，比如一张图片只要<img>标签完成，不用等这个图片加载完成，就可以设置图片的宽高的属性或样式等。

Dom Load是在整个document文档（包括了加载图片等其他信息）加载完成后就可以直接对dom进行操作，比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等。

三、用法不同

用原生的js的时候我们通常用onload时间来做一些事情，比如：

window.οnlοad=function(){

//do something

}

或者经常用到的图片，假设这个

document.getElementById("imgID").οnlοad=function(){

//do something

}

这种就是Dom Load，他的作用或者意义就是:在document文档加载完成后就可以可以对DOM进行操作，document文档包括了加载图片等其他信息。

那么Dom Load就是在页面响应加载的顺序中的“加载图片等其他信息”之后，就可以操作Dom了。

④ js怎么在页面加载完成之后自动触发鼠标移入事件

添加onmouseover 事件即鼠标移入对象时触发的时间js图片自动切换 用的是js的定时器方法吧添加onmouseover 事件方法中可以写一段脚本 终止定时器的作用。则可以停止切换onmouseout 在鼠标从元素上离开后会触发的事件 可以再写方法让定时器生效。还有什么不明白的可以追问

⑤ 如何在页面加载完成后调用js函数

比较简单的抄页面，可以采用‍

//放置在袭<header></header>之间
window.onload=function(){
//在这里写js
}

//或其他javascript框架所定义的函数(也是应用onload)，比如jquery:
$(function(){

});

//或将js放在页面底部，</body>之上。

对于比较复杂的页面，比如，某些数据（包括文字，图片，远程加载第三方的内容，以及来自后台通过异步调用耗时的数据等）加载，那么，就需要自定义一个loading函数，在loading函数中，判断所有内容均加载完成后，同时在未加载完成前，需要显示给用户一个加载中的界面，当完成加载后，隐藏或删除这个界面，最后‍来调用你希望的js函数。以防止不可预期性。

⑥ 提问：js怎样能够判断页面上某个元素是否已经加载完毕

或者，把js代码写在html元素代码之后，此时元素是100%绝对已经加载完毕。 或者，js代码写在window.onload 事件之中。

⑦ JS问题:真实loading 页面加载完在显示页面

if(document.readyState==="complete"){
//移除loading效果
}

此方法所有主流浏览器都支持，放心使用！

⑧ vue.js实现页面加载完成执行函数

vue.js实现页面加载完成执行函数
功能和jquery的
<script>
$(function () {
alert("1111");
})
</script>相同

⑨ JS判断页面加载完成无效

通过用document.onreadystatechange的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成。
可以采用2个div，其中一个在前面，一个在后面，前面的先显示，里面放一个页面正在加载中的小图片，小flash都可以。

后面的div开始加载内容，在页面上随时监测加载是否完毕，如果加载完毕，将前面的div隐藏，后面的div提到前面来即可。

document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
function subSomething()
{
if(document.readyState == “Loaded”) //当页面加载状态
{
//Load提示第一个div隐藏掉
//将Html显示
}

页面加载readyState的五种状态 原文如下:

0: (Uninitialized) the send( ) method has not yet been invoked.
0 － （未初始化）还没有调用send()方法
1: (Loading) the send( ) method has been invoked, request in progress.
1 － （载入）已调用send()方法，正在发送请求

2: (Loaded) the send( ) method has completed, entire response received.
2 － （载入完成）send()方法执行完成，已经接收到全部响应内容

3: (Interactive) the response is being parsed. 4: (Completed) the response has been parsed, is ready for harvesting.
3 － （交互）正在解析响应内容

4: (Completed) the response has been parsed, is ready for harvesting.
（完成）响应内容解析完成，可以在客户端调用了