编程 Javascript

页面加载完后自动执行一个方法的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>

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

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

有关js的变量作用域和this指针的讨论

Dec 16 Javascript

jQuery UI Dialog 创建友好的弹出对话框实现代码

Apr 12 Javascript

jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

Jun 14 Javascript

jQuery ui实现动感的圆角渐变网站导航菜单效果代码

Aug 26 Javascript

基于jquery实现即时检查格式是否正确的表单

May 06 Javascript

Node.js批量给图片加水印的方法

Nov 15 Javascript

利用Angular+Angular-Ui实现分页（代码加简单）

Mar 10 Javascript

深入浅析Vue不同场景下组件间的数据交流

Aug 15 Javascript

分享vue里swiper的一些坑

Aug 30 Javascript

js回文数的4种判断方法示例

Jun 04 Javascript

Layui table field初始化加载时进行隐藏的方法

Sep 19 Javascript

vue-cli基础配置及webpack配置修改的完整步骤

Oct 20 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批量生成缩略图的代码

2008/07/19 PHP

PHP下利用header()函数设置浏览器缓存的代码

2010/09/01 PHP

php PATH_SEPARATOR判断当前服务器系统类型实例

2016/10/28 PHP

遍历echsop的region表形成缓存的程序实例代码

2016/11/01 PHP

PHP字典树(Trie树)定义与实现方法示例

2017/10/09 PHP

获取Javscript执行函数名称的方法

2006/12/22 Javascript

ext for eclipse插件安装方法

2008/04/27 Javascript

jQuery过滤选择器:not()方法使用介绍

2014/04/20 Javascript

使用JavaScript进行进制转换将字符串转换为十进制

2014/09/21 Javascript

nodejs通过phantomjs实现下载网页

2015/05/04 NodeJs

详解JavaScript的Date对象（制作简易钟表）

2020/04/07 Javascript

Js的Array数组对象详解

2016/02/22 Javascript

jQuery Tags Input Plugin（添加/删除标签插件）详解

2016/06/20 Javascript

JS实现图片局部放大或缩小的方法

2016/08/20 Javascript

Vue 2.0 服务端渲染入门介绍

2017/03/29 Javascript

完美解决浏览器跨域的几种方法(汇总)

2017/05/08 Javascript

jquery应用实例分享_实现手风琴特效

2018/02/01 jQuery

ajax前台后台跨域请求处理方式

2018/02/08 Javascript

详解如何理解vue的key属性

2019/04/14 Javascript

webpack的 rquire.context用法实现工程自动化的方法

2020/02/07 Javascript

JS 设计模式之：工厂模式定义与实现方法浅析

2020/05/06 Javascript

vue移动端弹起蒙层滑动禁止底部滑动操作

2020/07/22 Javascript

为什么JavaScript中0.1 + 0.2 != 0.3

2020/12/03 Javascript

在Django中创建URLconf相关的通用视图的方法

2015/07/20 Python

python实现简易动态时钟

2018/11/19 Python

美国最好的保健品打折网店：Swanson

2017/08/04 全球购物

三星加拿大官方网上商店：Samsung CA

2020/12/18 全球购物

数据库连接池的工作原理

2012/09/26 面试题

EJB3推出JPA的原因

2013/10/16 面试题

项目专员岗位职责

2013/12/04 职场文书

高中班主任评语大全

2014/04/25 职场文书

语文课外活动总结

2014/08/27 职场文书

邮政竞聘演讲稿

2014/09/03 职场文书

服务员岗位职责

2015/02/03 职场文书

小学体育组工作总结

2015/08/13 职场文书

防震减灾主题班会

2015/08/14 职场文书