JavaScript页面加载完成后自动执行方法的两种实现方式
作者:函数茶馆时间:2026-10-28 14:03:50浏览:478
本文介绍在JavaScript中页面加载完成后自动执行方法的两种常见方式:HTML的onload属性和脚本中的window.onload对象。通过具体示例演示如何绑定函数,并强调调用时需省略括号,同时展示修改元素样式的实际应用。
页面加载完成后自动执行方法的两种实现方式
第一种方式是在HTML的body标签中直接使用onload属性。
<body onload="myfunction()">
第二种方式是在JavaScript脚本中通过window.onload对象进行绑定。
<script type="text/javascript">
function myfun()
{
alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>
以下示例演示了如何在页面完全加载后执行函数,从而改变id为id_1的元素背景颜色。
<script language="javascript" >
function myfun() {
document.getElementById("id_1").style.background= "#000"; // 改变背景颜色
}
// 用js实现在加载完成一个页面后自动执行一个方法
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>
作者最新文章
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
JS使用constructor判断数据类型可靠吗
2026-11-05 13:49:41
