javascript 里面的 window.onload是啥意思?

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 里面的 window.onload是啥意思?相关的知识，希望对你有一定的参考价值。

主要是用来做什么的？

window.onload的意思是：事件会在页面加载完成后触发。

例如：

<!doctype html>

<html>

<head>

<title>window.onload示例</title>

<script type="text/javascript">

window.onload = function()

alert('页面加载完成');

alert('页面尚未加载完成,页面内容不显示');

</script>

</head>

<body>

页面内容

</body>

</html>

用法：一般可以用这个事件做一些页面数据初始化之类的工作。

扩展资料：

window.onload使用方法：

1、window.onload=function()

var tr=obj.parentNode.parentNode;

tr.parentNode.removeChild(tr);

2、function func()

var tr=obj.parentNode.parentNode;

tr.parentNode.removeChild(tr);

window.onload=func;

例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

<html> 

<head> 

<title>Untitled</title> 

<script type="text/javascript"> 

function ShowMessage() 

 

alert("true"); 

 

window.onload=ShowMessage(); 

</script> 

</head> 

<body> 

当你看到true时看不到我 

</body> 

</html> 

当你看到true的弹出框的时候，你肯定没有看到“当你看到true时看不到我”，说明页面还没有载入完就已经开始执行js了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

<html>

<head> 

<title>Untitled</title> 

<script type="text/javascript"> 

function ShowMessage() 

 

alert("true"); 

 

window.onload=function()ShowMessage(); 

</script> 

</head> 

<body> 

你看到true时就看到我了 

</body> 

</html>

当你看到true的弹出框的时候，你也会看到“你看到true时就看到我了”，这个才是真正的页面载入完才 触发。 

 参考技术A

onload 事件会在页面或图像加载完成后立即发生。

window.onload事件会在页面加载完成后触发。

示例：

<!doctype html>
<html>
<head>
    <title>window.onload示例</title>
    <script type="text/javascript">
        window.onload = function()
            alert('页面加载完成');
        
        alert('页面尚未加载完成,页面内容不显示');
    </script>
</head>
<body>
页面内容
</body>
</html>

打开该页面会首先弹出“页面尚未加载完成,页面内容不显示”提示框，此时页面时空白的（由于alert会阻塞页面的线程，所以页面不会继续加载，直到点击确定后才会继续执行），点击确定后，会弹出提示“页面加载完成”，此时可以看到页面内容四个字，页面已加载完成。

 参考技术B window.onload 是javaScript 的页面加载完成事件，当一个Web页面加载完成后就会触发执行window.onload 里的代码，一般可以用这个事件做一些页面数据初始化之类的工作。希望对你有所帮助本回答被提问者采纳 参考技术C window，窗户。

JavaScript格式化日期输出

 JavaScript Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
  
<script>
    window.onload = function(){  
        Date.prototype.Format = function (fmt) {                    
        var o = {
                "M+": this.getMonth() + 1,                      //月份 
                "d+": this.getDate(),                           //日 
                "H+": this.getHours(),                          //小时 
                "m+": this.getMinutes(),                        //分 
                "s+": this.getSeconds(),                        //秒 
                "q+": Math.floor((this.getMonth() + 3) / 3),    //季度 
                "S": this.getMilliseconds()                     //毫秒 
        };
        if (/(y+)/.test(fmt)) 
            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) 
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
        }
    
        var currenttime1 = new Date().Format("yyyy-MM-ddTHH:mm:ss");  
        var pselstart = document.getElementById("starttime");  
        pselstart.value = currenttime1;
        var currenttime2 = new Date().Format("yyyy-MM-ddTHH:mm:ss");  
        var pselend = document.getElementById("endtime");  
        pselend.value = currenttime2;   
    }
</script>

以上是关于javascript 里面的 window.onload是啥意思?的主要内容，如果未能解决你的问题，请参考以下文章

js扩展

定时器

Rails 4 和 Foundation 5 - 粘页脚？

在 jquery ajax 成功后 $(this) 不工作

如何用javascript取div里面的内容?

javascript里面的虚值