让页面加载完执行js有2种方法,js放在文档代码的下方和把语句代码放在window.onload方法里面。
js放在文档代码的下方这是一个最简单的文档结构,引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面,可以让javascript在页面加载完成后执行。
<!doctype html>
<html>
<head>
<title>helloWorld--zxk</title>
</head>
<body>
<div></div>
<script src="xxx"></script>
</body>
</html>
把语句代码放在window.onload函数里面
例如这段代码,虽然script标签没有在最下方,但javascript语句放在了window.onload里面,所以可以在文档加载完成后执行。
<!doctype html>
<html>
<head>
<title>helloWorld--zxk</title>
<script>
window.onload=function(){
alert('页面加载完成!')
}
</script>
</head>
<body>
<div></div>
</body>
</html>
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之间的随机数