服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 页面加载完后自动执行一个方法的js代码

页面加载完后自动执行一个方法的js代码

2021-03-10 18:14JavaScript教程网 JavaScript

这篇文章主要介绍了加载完成一个页面后自动执行一个方法,很简单很实用,需要的朋友可以参考下

1、在body中用onload:

?
1
<body onload="myfunction()">

2、在脚本中用window.onload:

?
1
2
3
4
5
6
7
8
<script type="text/javascript">
function myfun()
{
alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>

下面这个例子在页面完成加载之后改变id_1的背景颜色。

?
1
2
3
4
5
6
7
8
<script language="javascript" >
function myfun() {
document.getElementById("id_1").style.background= "#000"; // 改变背景颜色
}
// 用js实现在加载完成一个页面后自动执行一个方法
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>

延伸 · 阅读

精彩推荐