zoukankan      html  css  js  c++  java
  • 从头开始学JavaScript(一)——基础中的基础

    概要:javascript的组成、 各个组成部分的作用 、

    一、javascript的组成

      javascript  
    ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型)


    1.1ECMAScript

      ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法、类型、语句、关键字、保留字、操作符、对象

    1.2 DOM

      DOM把整个页面映射为一个多层节点结构,HTML或者XML等页面中的每个组成部分都是某种类型的节点,这些节点又包含不同类型的数据。

    1.3 BOM

      控制浏览器显示的页面以外的部分

    二、<script>元素

    2.1使用方式

      外部引用javascript文件:

        

    <script type="text/javascript" src="../../XX.js"></script>
    View Code

      页面嵌入javascript代码

    <script type="text/javascript">
        var first="第一个变量";
        alert(first);
    </script>

    2.2 <script>元素的属性

      defer延迟脚本:脚本会被延迟到整个页面都被解析完才执行,虽然是延迟执行,但是浏览器已经下载完了该js文件。

    <!DOCTYPE html>
    <html>
        <head>
             <script type="text/javascript" defer="defer" src="demo.js"></script>
        </head>
    </html>

    上述例子中,虽然<script>标签位于<head>标签内,但是demo.js会延迟到浏览器遇到</html>后才执行。

    defer只适用于外部引入的脚本文件

           async异步脚本:不必让页面等待脚本的下载和执行,从而异步加载页面其他内容。因此,异步加载脚本不要在加载期间修改dom.

    <!DOCTYPE html>
    <html>
        <head>
             <script type="text/javascript" defer="defer" src="demo1.js">
             <script type="text/javascript" defer="defer" src="demo2.js"></script>
        </head>
    </html>
  • 相关阅读:
    spring 定时任务
    maven出现(请使用source 5 或者更高版本以启用XX)问题解决
    eclipse启动tomcat出现内存溢出错误 java.lang.OutOfMemoryError: PermGen space
    开源 免费 java CMS FreeCMS标签 linkClass .
    相对你们说的一些话
    就业形势如此的严峻,你为何不努力?
    使用C#操作XML文件
    优秀学生专栏——董超
    想对你们每个人说的话
    班级第一次问卷调查
  • 原文地址:https://www.cnblogs.com/yxField/p/4207132.html
Copyright © 2011-2022 走看看