js中的window.onload事件

window.onload()的作用
  • window.onload() 方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。
  • window.onload() 通常用于 元素,在页面完全载入后(包括图片、css文件等等)执行脚本代码。

只有一个要执行的函数语法:

window.onload = funcRef;

在页面加载完成后 funcRef 方法会被调用。

如果有多个要执行的函数语法:

window.οnlοad=function(){
Func1();
Func2();
Func3();

}

在页面加载完成后依次执行 Func1、Func2、Func3。

首先需要明确,页面代码执行顺序以及渲染顺序都是从上至下,所以,js代码一般放在html代码的后面引入执行,避免js中的代码操作到未渲染的DOM结点;但是往往很多时候并不能达到这个理想效果,那么就需要统一处理一下;

例如下面的代码,第一种是不行的,需要换成第二种才能正常执行下去

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">

    document.getElementById("s").style.color = "green";

    script>
head>
<body>

<span id="s">要坚强,当然是选择原谅他啊!!!span>
body>
html>

正确写法

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
    window.onload  = function () {
    document.getElementById("s").style.color = "green";
}
    script>
head>
<body>

<span id="s">要坚强,当然是选择原谅他啊!!!span>
body>
html>

你可能感兴趣的:(JavaScript,javascript,开发语言,ecmascript)