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

JavaScript023

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

让页面加载完执行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>

在body的onload事件中写

需要提醒的是,不同的浏览器对于body的onload事件有不同的解释,能不能执行是个问题。现在一些浏览器可以执行,有的却不能,因为body的onload事件是由于ie 的原因,但是有些浏览器在执行起来却会出现问题。

具体方法如下:

window.onload=function()//用window的onload事件,窗体加载完毕的时候

{

//do something

}

<&#47script>

另外说明一下,就算你用body的onload事件,也最好加上JavaScript

body onload="javascript:XXX()"

因为,ie和火狐对于这两个写法解释是不一样的,ie默认是JScript,火狐等新兴浏览器默认是JavaScript,至于JScript和JavaScript有什么不同,两个之间差异很大,对于有些方法两个是可以共用的。

但是很多都不能共用,又因为现在的浏览器都支持JavaScript,但是只有ie支持JScript。

扩展资料

调用带参数的函数:

在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。

您可以发送任意多的参数,由逗号 (,) 分隔:

myFunction(argument1,argument2)

当您声明函数时,请把参数作为变量来声明:

function myFunction(var1,var2)

{

这里是要执行的代码

}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

参考资料:百度百科-JavaScript