美文网首页
javascript学习笔记--文档的加载

javascript学习笔记--文档的加载

作者: 持续5年输出bug | 来源:发表于2018-10-25 23:03 被阅读0次

浏览器加载页面的顺序是自上而下的顺序,读取一行,运行一行

var a=1;
document.write("你好!");
console.log(a);

以上代码执行顺序为:先打印你好,再打印a;
写代码的位置:

1.<head>
      <script>
           var a=1;
           document.write("你好!");
          console.log(a);
     </script>
</head>

2.<body>
  <script>
         var a=1;
         document.write("你好!");
        console.log(a);
  </script>
</body>

但是 当一些不需要立即执行的代码不得不放在文档最前面,就需要使用onload 事件,让文档加载文成后再执行:

    window.onload=function(){
        var a=1;
        alert(a);

      }
  document.write("你好!");

以上代码先加载你好,然后弹出a

三个获取元素节点对象:
根据id获取一个元素节点对象
getElementById()
根据标签获得一组元素对象,返回类数组对象
getElementsByTagName()
根据name属性获取一组元素对象,返回类数组对象
getElementsByName()

例如:
<div id="a">

</div>

相关文章

  • javascript学习笔记--文档的加载

    浏览器加载页面的顺序是自上而下的顺序,读取一行,运行一行 以上代码执行顺序为:先打印你好,再打印a;写代码的位置:...

  • JavaScript

    引用JavaScript 内部引用 通过HTML文档内的script标签加载JavaScript代码。 外部引用 ...

  • TypeScript学习记录- 数据类型基础

    TS 学习笔记记录 相关文档 TypeScript 入门教程-xcatliu JavaScript高级程序设计(第...

  • window.onload()

    load事件通常用于查看文档内容或者图片是否加载完全。 网页中某些javascript脚本均需要在文档内容加载完成...

  • # [$(function(){})和$(document).r

    document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件 ...

  • JavaScript之文档的加载

    浏览器在加载一个页面时,是按照自上向下的顺序加载的,读取到一行就运行一行,如果将script标签写到页面的上边,在...

  • JavaScript文档的加载过程

    1.浏览器在加载一个界面的时候, 是按照从上至下的顺序加载的 2.如果将script标签写在head标签中, 那么...

  • per-course如何引用JS

    内部引用 通过HTML文档内的script标签加载JavaScript代码。 示例: document.write...

  • js的事件

    javaScript HTML DOM HTML DOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对...

  • 学习DOM笔记(2018-08-05)

    学习DOM笔记 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 通...

网友评论

      本文标题:javascript学习笔记--文档的加载

      本文链接:https://www.haomeiwen.com/subject/ngrhtqtx.html