zoukankan      html  css  js  c++  java
  • 从零开始学JavaScript一(简介)

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

      一、JavaScript是一种专为与网页交互而设计的脚本语言,它的的组成

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


    1.1ECMAScript

         ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262定义的只是这门语言的基础,提供核心语言功能

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

    1.2 DOM(Document Object Modle)

         DOM是针对XML但是经过扩展用于HTML的应用程序编程接口(API,Application Programming Interface),提供访问和操作网页内容的方法和接口

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

    1.3 BOM(Bower Object Modle)

      控制浏览器显示的页面以外的部分,BOM只处理浏览器窗口和框架,提供与浏览器交互的方法和接口

    二、<script>元素

    2.1引用javascript文件

    •  外部引用javascript文件:
    <script type="text/javascript" src="../../XX.js"></script>
    • 页面嵌入javascript代码
    <script type="text/javascript">
    
    //javascript代码
    
    </script>

    包含在<script>元素内部的JavaScript代码将被从上至下依次解释

    2.2 <script>元素的属性

    • defer延迟脚本:告诉浏览器立即下载,脚本会被延迟到整个页面都被解析完才执行, defer只适用于外部引入的脚本文件
    <!DOCTYPE html>
    <html>
        <head>
             <script type="text/javascript" defer="defer" src="example.js"></script>
        </head>
    </html>

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

    • async异步脚本:必让页面等待脚本的下载和执行,从而异步加载页面其他内容

    defer一样只适用于外部引入的脚本文件,async告诉浏览器立即下载文件,但与defer不同的是标记不async脚本并不保证按照指定它们的先后顺序执行,建议异步脚本不要在加载期间修改DOM

    <!--异步脚本-->
    <script type="text/javascript" async="async" src="example1.js"></script>
    <script type="text/javascript" async="async" src="example2.js"></script>

    2.3 <noscript>元素的属性

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <!--延迟脚本-->
    <scripttype="text/javascript" defer="defer" src="example.js"></script>
    <!--导部脚本-->
    <script type="text/javascript" async="async" src="example1.js"></script>
    <script type="text/javascript" async="async" src="example2.js"></script>
    </head>
    <body>
       <noscript>
        <p>本页显示需要浏览器支持(启用)Javascript
          </noscript>
    </body>
    </html>
    • 浏览器不支持脚本
    • 浏览器支持脚本,但脚本被禁用,浏览器就会显示<noscript>中的内容
    • 这个页面会在脚本无效的情况下,向用户显示一条信息,而在启用了脚本的浏览器中,用户永远也不会看到它
  • 相关阅读:
    路径变量@PathVariable/请求参数@RequestParam的绑定以及@RequestBody
    JSR303后端校验详细笔记
    创建ssm项目步骤
    利用 R 绘制拟合曲线
    在 Linux 中将 Caps 根据是否为修饰键分别映射到 esc 和 Ctrl
    Master Transcription Factors and Mediator Establish Super-Enhancers at Key Cell Identity Genes
    Genomic Evidence for Complex Domestication History of the Cultivated Tomato in Latin America
    Variation Revealed by SNP Genotyping and Morphology Provides Insight into the Origin of the Tomato
    The genetic, developmental, and molecular bases of fruit size and shape variation in tomato
    微信支付jsapi
  • 原文地址:https://www.cnblogs.com/liunanjava/p/4231314.html
Copyright © 2011-2022 走看看