• JavaScript介绍与总括( 1,2 章 )


    1. JavaScript 包含 ( ECMAScript , DOM , BOM ) 3 个部分

    ECMAScript: ECMAScript 是语言基础, 它与WEB没有依赖关系, 换句话它可以运行在别的环境, 并分WEB宿主环境, 同时WEB宿主环境会给JavaScript提供一些额外的东西.

         文档对象模型(DOM) : 是一个API接口, DOM把整个页面映射为一个多层节点结构,页面的每个组成部分都是某种类型的节点, 这些节点又包含着不同类型的数据, 通过DOM创建的这个表示文档的树型图,开发人员获得了控制页面结构和内容的主动权。借助DOM提供的API,开发人员可以轻松的删除,添加,替换或修改任何节点。

    image

    dom1 : 映射文档结构.
    dom2 : 扩充dom1, 鼠标和用户界面事件, 范围,遍历, 而且增加了对CSS的支持( 可以操控 css ).等等. 

    dom3 : 是对bom2扩展.

    浏览器对象模型(BOM) : 通过BOM可以控制浏览器显示的页面以外的部分,提供与浏览器交互的方法的和接口。

    • 弹出新浏览器窗口的功能
    • 移动,缩放和关闭浏览器窗口的功能
    • 提供浏览器详细信息的 navigator 对象
    • 提供浏览器所加载页面的详细信息的 location 对象
    • 提供用户显示器分片率详细信息的 screen 对象
    • 对 cookies 的支持
    • 像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象

    注意 : 没有 BOM 标准可以遵循,因此每个浏览器都有自己的实现。

    2.javascript位置

        1.head 中 , 在head中的javascript代码会被加载, 但是不会直接执行, 等到调用时, 会被执行.

        2.body 中, 在 body中的javascript代码会象HTML语言一样, 被直接加载和执行.

        3.外部文件, 可以使用外部文件加载方式.

    提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护

       <script>标签的位置 : 如果.js 文件很大, 加载需要很长时间, 那么可以将<script>标签放置在     --> defer属性( 不是所有浏览器都支持 )

       <body>

             !-- 这放内容

             < script>   // 待所有HTML全部执行完后再加载script代码, 这样, 不影响打开html网页的时间

        </body>

    3.javascript消息框

        1. alert( "Hello,world!" ) ;

        2. confirm("Confirm") ;

        3. prompt("input" , "default")

  • 相关阅读:
    Gym 101606 F-Flipping Coins(概率dp)
    Gym101350 J Lazy Physics Cat
    Gym 101350G
    hdu6188 Duizi and Shunzi (贪心或者dp)
    Gym101350 FMonkeying Around
    codeforce 457DIV2 C题
    codeforce 457DIV2 B题
    codeforce 461DIV2 F题
    codeforce 461DIV2 E题
    PE文件RV转FOA及FOA转RVA
  • 原文地址:https://www.cnblogs.com/moveofgod/p/2690423.html
Copyright © 2020-2023  润新知