怎么能使页面加载时就调用JS函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么能使页面加载时就调用JS函数相关的知识,希望对你有一定的参考价值。

我要在页面中控制DIV的高度,就像写个函数,根据需要控制高度。。。
急需怎么在页面加载时就调用函数。。。。

1、最简单的调用方式,直接写到html的body标签里面:

2、在JS语句中调用myfun函数:

扩展资料:

无论是html的body标签,还是JS语句中调用的myfun函数,其本质都是调用了 javascript 中的onload事件处理器。

在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为,例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的 JavaScript,可以将某些特定的事件处理器作为属性添加给特定的标签,并可以在事件发生时执行一个或多个 JavaScript 命令或函数。

事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用,并用引号引起来。当事件发生时,浏览器会执行这些代码。

除了onload事件之外,还有onUnload事件、onFocus事件、onBlur事件、onChange事件等等。

参考资料:百度百科-事件(HTML属性)

参考资料:百度百科-Javascript 事件

参考技术A

在body的onload事件中写

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

具体方法如下:

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

//do something

<&#47;script>

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

body onload="javascript:XXX()"

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

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

扩展资料

调用带参数的函数:

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

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

myFunction(argument1,argument2)

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

function myFunction(var1,var2)

这里是要执行的代码

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

参考资料:百度百科-JavaScript

参考技术B 尽管如楼上所说,在body的onload事件中写
但是我还是要提醒一下,不同的浏览器对于body的onload事件有不同的解释,能不能执行是个问题。现在一些浏览器可以执行,有的却不能,因为body的onload事件是由于ie 的原因,但是有些浏览器在执行起来却会出现问题。。最好是办法就是
<script type="text/javascript">
window.onload=function()//用window的onload事件,窗体加载完毕的时候

//do something

</script>
另外说明一下,就算你用body的onload事件,也最好加上JavaScript
body onload="javascript:XXX()"
因为,ie和火狐对于这两个写法解释是不一样的,ie默认是JScript,火狐等新兴浏览器默认是JavaScript,至于JScript和JavaScript有什么不同,两个之间差异很大,对于有些方法两个是可以共用的,但是很多都不能共用,又因为现在的浏览器都支持JavaScript,但是只有ie支持JScript,所以,最好加上。。。希望对你有帮助,有什么不懂的可以网上查查,很多资料都可以看看本回答被提问者采纳
参考技术C 在<body>里添加onload 可以在页面加载时调用JS函数

比如 需要调用的函数名为DivHight()
那么就写成 <boad onload="DivHight()">
参考技术D <body onLoad="调用javascript">
</body>

以上是关于怎么能使页面加载时就调用JS函数的主要内容,如果未能解决你的问题,请参考以下文章

ts组件里面函数怎么加载时就调用

js相关 页面数据加载完后 如何调用函数

JQuery ajax操作,怎么让页面首次加载时就呈现所有数据

js中改变窗口重新加载一次.js页面怎么做

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

js实现在加载页面完成后input框自动执行一个函数,怎么实现