页面加载完后自动执行一个方法的js代码
更新时间：2014年09月06日 15:20:13 投稿：whsnow
这篇文章主要介绍了加载完成一个页面后自动执行一个方法，很简单很实用，需要的朋友可以参考下
1、在body中用onload:
<body onload="myfunction()">
2、在脚本中用window.onload:
<script type="text/javascript">
function myfun()
{
alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>
下面这个例子在页面完成加载之后改变id_1的背景颜色。
<script language="javascript" >
function myfun() {
document.getElementById("id_1").style.background= "#000"; // 改变背景颜色
}
// 用js实现在加载完成一个页面后自动执行一个方法
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>
相关文章
这篇文章主要介绍了使用命令对象代替switch语句的写法示例,JS规范里面是禁止使用switch语句的,使用命令对象可以完美的解决这个问题,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了javascript函数式编程,实例分析了javascript函数式编程的相关使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要为大家详细介绍了Javascript实现登录框拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
getElementByID、createElement、appendChild几个DHTML元素
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问2008-06-06
JavaScript markdown 编辑器实现双屏同步滚动
这篇文章主要介绍了JavaScript markdown 编辑器实现双屏同步滚动，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
getter使我们能够将属性绑定到在访问属性时调用的函数,而setter将属性绑定到在尝试设置属性时调用的函数,下面就跟随小编来看看TypeScript中Getter/Setter的用法吧2024-10-10
这篇文章主要为大家详细介绍了JS实现页面数据懒加载，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
本文主要介绍了javascript中面向对象的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
今天小编就为大家分享一篇layui获取选中行数据的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
在javascript中，String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力，这里简单介绍下，方便需要的朋友2013-12-12
最新评论