zoukankan      html  css  js  c++  java
  • window.onload事件

    网页中的某些JavaScript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免类似情况的发生,可以使用以下两种方式:

    (1).将脚本代码放在网页的底端,运行脚本代码的时候,可以确保要操作的对象已经加载完成。

    (2).通过window.onload来执行脚本代码。

    看完下面两段代码你就能理解上面的意思了

    代码一

    <!DOCTYPE html>  
    <html>  
    <head>  
    <meta charset=" utf-8">  
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    <style type="text/css">
    #bg{
      100px;
      height:100px;
      border:2px solid red;
    }
    </style>
    </head>
    <body>
      <div id="bg"></div>
    </body>
    </html>

    <script type="text/javascript">
    document.getElementById("bg").style.backgroundColor="#F90";
    </script>

    代码二

    <!DOCTYPE html>  
    <html>  
    <head>  
    <meta charset=" utf-8">  
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    <style type="text/css">
    #bg{
      100px;
      height:100px;
      border:2px solid red;
    }
    </style>
    <script type="text/javascript">
    window.onload=function(){
      document.getElementById("bg").style.backgroundColor="#F90";
    }
    </script>
    </head>
    <body>
      <div id="bg"></div>
    </body>
    </html>

    看懂了吧  哈哈哈!!!

  • 相关阅读:
    Longest Subsequence CodeForces
    Alyona and towers CodeForces
    Electric Charges CodeForces
    Array GCD CodeForces
    笔记(模拟)
    城堡 (spfa+cheng)
    YOU ARE MY SUNSHINE
    AC日记——潜伏者 洛谷 P1071 (模拟)
    AC日记——神奇的幻方 洛谷 P2615(大模拟)
    AC日记——机器翻译 洛谷 P1540
  • 原文地址:https://www.cnblogs.com/chosenone/p/9274140.html
Copyright © 2011-2022 走看看