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


Posted in Javascript onSeptember 06, 2014

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>
Javascript 相关文章推荐
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 Javascript
JavaScript中setAttribute用法介绍
Jul 20 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
Aug 01 Javascript
JavaScript汉诺塔问题解决方法
Apr 21 Javascript
jQuery 中ajax异步调用的四种方式
Jun 28 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
基于JavaScript实现自动更新倒计时效果
Dec 19 Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
VUE前后端学习tab写法实例
Aug 06 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
Sep 06 #Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 #Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 #Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 #Javascript
JavaScript及jquey实现多个数组的合并操作
Sep 06 #Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 #Javascript
jquery向上向下取整适合分页查询
Sep 06 #Javascript
You might like
PHP截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
2016/03/21 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
基于 Swoole 的微信扫码登录功能实现代码
2018/01/15 PHP
js 解决“options为空或不是对象”
2008/12/22 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
java和javascript获取word文档的书签位置对比
2014/06/19 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
2017/06/19 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
2019/10/23 jQuery
Python实现telnet服务器的方法
2015/07/10 Python
mac安装scrapy并创建项目的实例讲解
2018/06/13 Python
Django框架验证码用法实例分析
2019/05/10 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
Python函数式编程实例详解
2020/01/17 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
在pycharm创建scrapy项目的实现步骤
2020/12/01 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
职称自我鉴定
2013/10/15 职场文书
财务会计专业个人求职信范本
2014/01/08 职场文书
《颐和园》教学反思
2014/02/26 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
我爱家乡演讲稿
2014/09/12 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
2016年春季运动会加油稿
2015/07/22 职场文书
一年之计:2019年下半年的计划
2019/05/07 职场文书
来探秘“德国中小企业”的成功之道
2019/07/26 职场文书
pytorch显存一直变大的解决方案
2021/04/08 Python
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python