JS:window.onload的使用 (2012-05-10 22:06:08)
标签： window.onload js 分类： JavaScript学习笔记
1、最简单的调用方式
直接写到html的body标签里面，如：
<html>
<body onload="func()">
</body>
</html>
2、在JS语句调用
<script type="text/javascript">
function func(){……}
window.onload=func;
</script>
3、同时 调用多个函数
直接写到html的body标签里面,如：
<html>
<body onload="func1();func2();func3();">
</body>
</html>
4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中，如果程序函数很多，逻辑比较复杂，可以考虑用第五种方式。
<script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
window.onload=function(){
func1();
func2();
func3();
}
</script>
5、JS自定义函数式多次调用
<script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){
window.onload=func;
}
else{
window.onload=function(){
oldonload();
func();
}
}
}
addLoadEvent(func1);
addLoadEvent(func2);
addLoadEvent(func3);
</script>
分享到：
相关推荐
脱离document.onload和window.onload的onload事件，可多次添加加载事件！
在网页开发中，`body.onload` 和 `window.onload` 是两个常见的JavaScript事件处理函数，用于在页面完全加载后执行特定的代码。它们都是用来确保在执行任何操作之前，页面的所有资源（包括HTML、CSS、JavaScript、...
### window.onload 与 insertAfter() 方法详解 #### 一、概述 在网页开发过程中，`window.onload` 和 `insertAfter()` 方法是两个非常实用且重要的技术点。它们可以帮助开发者更好地控制页面加载流程以及动态地...
68.JS中分为两种窗体输出:模態和非模態.window.showModaldialog(),window.showModeless() 69.状態栏文字的设置:window.status='文字',默认的状態栏文字设置:window.defaultStatus = '文字.'; 70.添加到收藏夹:...
<body onload="window.parent.opener=null;window.close();"> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是，这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容性更好...
window.onload = function () { //需要加密的内容 var C = CryptoJS; var str = C.DES.encrypt(C.enc.Hex.parse('1234567890123456'), C.enc.Hex.parse('1111111111111111'), { mode: C.mode.ECB, padding: C.pad...
window.onload = function(){ oVdo = new Video({ name:"video", time:[ {"src":"./video/22.mp4","title":"shangjiahang@tinysoft"}, {"src":"./video/23.mp4","title":"shangjiahang1@tinysoft"}, {"src":"....
JS知识点:1.window.onload记得关闭加载动画 2.判断是否手机端 3.js封装了个缓动动画。 喜欢的可以打开下面的网页另存下载下来！代码乱的可以[捂脸]！很纯很净[奸笑]！原汁原味[机智]！背景音乐还可以，点击就可以听...
### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码 在Web开发中，`window.open` 方法是非常实用的一个功能，它可以用来创建一个新的浏览器窗口或标签页，并加载指定的URL。最简单的使用方式如下...
window.open() 是一个常用的 JavaScript 函数，它可以打开一个新的浏览器窗口，以供用户访问其他网页或显示信息。在本文中，我们将详细介绍 window.open() 函数的参数大全，并提供一些实用的代码示例。 基本语法 ...
JS 中 window.open() 的所有参数详细解析 window.open() 是 JavaScript 中的一个函数，用于打开新的浏览器窗口或标签页。在实际开发中，我们经常需要对新打开的窗口进行自定义设置，如设置窗口的尺寸、位置、工具栏...
在JavaScript中，`window.onload` 是一个非常关键的事件，用于确保在页面所有资源（包括图像、脚本、样式表等）完全加载之后再执行指定的函数或代码块。这通常用于那些依赖于页面元素存在的操作，因为这些操作需要...
在JavaScript中，`window.open()` 是一个非常重要的方法，它用于打开一个新的浏览器窗口或者重载已有的窗口。以下是对这个方法的详细介绍： ### 1. 基本用法 最简单的`window.open()` 使用方式如下： ```...
JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API，它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...
window.onload = function(){ var btn = document.getElementById('btn'); var cm = document.getElementById('cm'); // 获取html中的菜单 var menu = document.getElementsByTagName('span'); var ...
window.attachEvent('onload', function() { console.log('页面加载完成'); }); } ``` #### 4. 结论 通过以上方法，我们可以有效地解决IE11不支持`attachEvent`的问题。在实际开发中，建议尽可能采用现代浏览器...
在Web开发中，`window.open()`是一个非常实用的JavaScript函数，用于在新的浏览器窗口或标签页中打开一个指定的URL。它不仅能够打开新窗口，还可以控制新窗口的属性，如大小、位置以及是否显示工具栏、菜单栏等。...
`window.onload`是JavaScript中用于处理页面完全加载后的事件，它只能附加一个函数。如果尝试多次赋值，后面的函数会覆盖前面的。这可能导致在某些情况下，我们希望在页面加载完成后执行多个操作时出现问题。例如，...
2. **页面操作**：`window.onload`和`window.DOMContentLoaded`事件分别在页面完全加载和DOM结构加载完成后触发，用于执行脚本。 3. **窗口大小和位置**：`window.innerWidth`和`window.innerHeight`返回窗口的内部...
window . onload = function ( ) { FRAME . init ( 800 , 600 ) ; main ( ) ; } function main ( ) { FRAME . clearScreen ( ) ; //update and render here //queues main() to be called again at render ...