页面加载完后自动执行一个方法的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 相关文章推荐
EXTJS记事本 当CompositeField遇上RowEditor
Jul 31 Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 Javascript
js显示时间 js显示最后修改时间
Jan 02 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
基于JS实现导航条flash导航条
Jun 17 Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 Javascript
JS设置时间无效问题的解决办法
Feb 18 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
微信小程序上线发布流程图文详解
May 06 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脚本中include文件出错解决方法
2008/11/20 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
JQuery插入DOM节点的方法
2015/06/11 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
Bootstrap布局之栅格系统详解
2016/06/13 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
js new Date()实例测试
2019/10/31 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
vc6编写python扩展的方法分享
2014/01/17 Python
python中getaddrinfo()基本用法实例分析
2015/06/28 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
Python 格式化输出_String Formatting_控制小数点位数的实例详解
2020/02/04 Python
将pytorch转成longtensor的简单方法
2020/02/18 Python
Python 字符串池化的前提
2020/07/03 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
英国著名的小众美容品牌网站:Alyaka
2017/08/08 全球购物
俄罗斯女装店:12storeez
2019/10/25 全球购物
护士自我鉴定怎么写
2014/02/07 职场文书
班主任新年寄语
2014/04/04 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
国家助学金受助感言
2015/08/01 职场文书
Nginx 常用配置
2022/05/15 Servers
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python