编程 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 相关文章推荐

JQuery-tableDnD 拖拽的基本使用介绍

Jul 04 Javascript

javascript中的变量作用域以及变量提升详细介绍

Oct 24 Javascript

jQuery DataTables插件自定义Ajax分页实例解析

Apr 28 Javascript

js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序

Aug 17 Javascript

vue-router路由简单案例介绍

Feb 21 Javascript

laydate 显示结束时间不小于开始时间的实例

Aug 11 Javascript

客户端（vue框架）与服务器（koa框架）通信及服务器跨域配置详解

Aug 26 Javascript

Vue 项目代理设置的优化

Apr 17 Javascript

使用JavaScript破解web

Sep 28 Javascript

vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】

Mar 16 Javascript

在React中写一个Animation组件为组件进入和离开加上动画/过度效果

Jun 24 Javascript

Vue-Cli项目优化操作的实现

Oct 27 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

ajax在joomla中的原生态应用代码

2012/07/19 PHP

php计算数组不为空元素个数的方法

2014/01/27 PHP

Smarty模板学习笔记之Smarty简介

2014/05/20 PHP

php加密之discuz内容经典加密方式实例详解

2017/02/04 PHP

实例讲解php实现多线程

2019/01/27 PHP

PHP后门隐藏的一些技巧总结

2020/11/04 PHP

基于jquery的button默认enter事件(回车事件)。

2011/05/18 Javascript

js判断为空Null与字符串为空简写方法

2014/02/24 Javascript

jQuery 如何先创建、再修改、后添加DOM元素

2014/05/20 Javascript

被遗忘的javascript的slice() 方法

2015/04/20 Javascript

Javascript复制实例详解

2016/01/28 Javascript

深入理解javascript函数参数与闭包

2016/12/12 Javascript

Angular的事件和表单详解

2016/12/26 Javascript

Javascript Event（事件）的传播与冒泡

2017/01/23 Javascript

禁止弹窗中蒙层底部页面跟随滚动的几种方法

2017/12/07 Javascript

详解node Async/Await 更好的异步编程解决方案

2018/05/10 Javascript

angular6的响应式表单的实现

2018/10/10 Javascript

element-ui多文件上传的实现示例

2019/04/10 Javascript

详解如何搭建mpvue框架搭配vant组件库的小程序项目

2019/05/16 Javascript

es6中使用map简化复杂条件判断操作实例详解

2020/02/19 Javascript

解决VUEX的mapState/...mapState等取值问题

2020/07/24 Javascript

判断网页编码的方法python版

2016/08/12 Python

python读取一个目录下所有txt里面的内容方法

2018/06/23 Python

Django model序列化为json的方法示例

2018/10/16 Python

pyqt5 实现工具栏文字图片同时显示

2019/06/13 Python

numpy:找到指定元素的索引示例

2019/11/26 Python

Python进程Multiprocessing模块原理解析

2020/02/28 Python

Python实现Kerberos用户的增删改查操作

2020/12/14 Python

Gucci法国官方网站：意大利奢侈品牌

2018/07/25 全球购物

如何向接受结构参数的函数传入常数值

2016/02/17 面试题

高中教师评语大全

2014/04/25 职场文书

会计专业毕业生求职信

2014/07/04 职场文书

思想作风建设心得体会

2014/10/22 职场文书

2014年房地产销售工作总结

2014/12/01 职场文书

幼儿园教研工作总结2015

2015/05/12 职场文书

千手观音观后感

2015/06/03 职场文书