页面加载完后自动执行一个方法的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 相关文章推荐
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
javascript引用类型指针的工作方式
Apr 13 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
一分钟理解js闭包
May 04 Javascript
form表单转Json提交的方法(推荐)
Sep 23 Javascript
理解javascript async的用法
Aug 22 Javascript
JavaScript模块详解
Dec 18 Javascript
node基于puppeteer模拟登录抓取页面的实现
May 09 Javascript
JS中多层次排序算法的实现代码
Jan 06 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
PHP与已存在的Java应用程序集成
2006/10/09 PHP
无限级别菜单的实现
2006/10/09 PHP
IStream与TStream之间的相互转换
2008/08/01 PHP
php checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
PHP及Zend Engine的线程安全模型分析
2011/11/10 PHP
php计算给定时间之前的函数用法实例
2015/04/03 PHP
PHP进程通信基础之信号
2017/02/19 PHP
php array_map()函数实例用法
2021/03/03 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
2016/05/24 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
2017/01/06 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
mui back 返回刷新页面的实例
2017/12/06 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
vue路由传参三种基本方式详解
2019/12/09 Javascript
使用webpack搭建pixi.js开发环境
2020/02/12 Javascript
vue 修改 data 数据问题并实时显示操作
2020/09/07 Javascript
提升Python程序运行效率的6个方法
2015/03/31 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
妇产科护士自我鉴定
2013/10/15 职场文书
失业者真诚求职信范文
2013/12/25 职场文书
投标服务承诺书
2014/05/28 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang