window.onload=init;

最新推荐文章于 2021-10-19 00:00:00 发布

原创最新推荐文章于 2021-10-19 00:00:00 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

Head First HTML5笔记专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在HTML页面中通过JavaScript动态更改特定元素内容的方法。具体来说，是在页面加载完成后更新id为“greenplanet”的元素的显示文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
    </head>
    <body>
        <h1>Green Planet</h1>
        <p id="greenplanet">All is well</p>
        <h1>Red Planet</h1>
        <p id="redplanet">Nothing to report</p>
        <h1>Blue Planet</h1>
        <p id="blueplanet">All systems A-OK</p>
    </body>
</html>

在HTML中插入javascript代码，使得页面完全加载后改变id为“greenplanet”的值：

<script>
    function init(){
        var planet = document.getElementById("greenplanet");
        planet.innerHTML = "Red alert:hit by phaser fire!";
    }
    window.onload=init;
</script>

如果写成window.onload = init()；就是说你希望调用函数init，如果只是使用名而没有小括号，就会把这个函数值赋给onload属性，输入时差别很细腻，但是含义有天壤之别，所以要格外当心。