zoukankan      html  css  js  c++  java
  • 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")

  • 相关阅读:
    Linux驱动之内核自带的S3C2440的LCD驱动分析
    【双11狂欢的背后】微服务注册中心如何承载大型系统的千万级访问? Eureka 注册中心
    java GC算法 垃圾收集器
    Java嵌入式数据库H2学习总结(三)——在Web应用中嵌入H2数据库
    Java嵌入式数据库H2学习总结(二)——在Web应用程序中使用H2数据库
    Java嵌入式数据库H2学习总结(一)——H2数据库入门
    Java Master-Worker模式实现
    RSA公钥格式PKCS#1,PKCS#8互转(微信获取RSA加密公钥)
    自定义注解完成数据库切库(读写分离)
    Linux下CPU飘高定位
  • 原文地址:https://www.cnblogs.com/moveofgod/p/2690423.html
Copyright © 2011-2022 走看看