如何让页面加载完成后执行js

JavaScript07

如何让页面加载完成后执行js,第1张

//加载事件

window.onload=function(){

    alert('加载完毕')

}

以下是window.onload与 $(document).ready()的加载区别,可以参照下

window.onload:必须等到页面内包括图片的所有元素加载完毕后才能执行。 

$(document).ready():是DOM结构绘制完毕后就执行,不必等到加载完毕。

1在test.html页面,使用function创建一个myfun函数,代码如下:

2、在myfun函数内,使用alert()方法弹出“myfun函数执行了”的文字提示,代码如下。

3、在test.html中的body标签后面,使用onload在页面打开时就加载执行myfun()函数。

4、onload事件不仅可以放在body标签内,也可以直接在js标签内使用,代码如下。

5、在浏览器中打开test.html页面,结果如下。

在body的onload事件中调用omiga_window()后会自动触发F11全屏功能。

<script type="text/javascript">

function omiga_window(){

window.open("full_window.htm","","fullscreen,scrollbars")

}

</script>

这个跟浏览器有关,只有IE6,winxp sp1以下才支持,这是出于安全的角度考虑的,因为只要js能打开全屏,就能做出用户永远也关不掉的全屏广告,或者模仿和QQ系统提示一模一样的提示框,现代的浏览器为了安全起见,不允许弹出这样的窗口。