zoukankan      html  css  js  c++  java
  • JavaScript

    一、什么是JavaScript

    JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言

    1、如何理解解释型语言?

    解释型语言:运行之前是不需要编译的,运行之前不会检查错误,知道碰到错误为止。

    相对的还有

    编译型语言:对源码进行编译,还能检查语法错误(C语言/C++语言4)

     2、JS的运行环境

    独立安装的JS解释器(Node.js)

    嵌入在(浏览器)内核中的JS解释器。

    JS的使用场合:PC端,手机,平板,机顶盒等。

    3、JS的起源

    JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。所谓前端验证,就是指检查用户输入的内容是否符合一定的规则。比如:用户名的长度,密码的长度,邮箱的格式。

    JavaScript是由网景公司发明的,起初命名为LiveScript,后来由于SUN公司的介入改名为JavaScript。1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现JScript,于是市面上存在着两个版本的JavaScript,一个是网景公司的JavaScript和微软公司的JScript。

    为了确保在不同的浏览器上运行的JavaScript标准一致,所以几个公司共同定制了JS的标准命名为ECMAScript。

    ECMAScript就是一个标准,这个标准需要由各个厂商去实现。不同的浏览器厂商对该标准会有不同的实现。这些实现称之为JS引擎(或是浏览器内核)。

    二、JS的组成

    (一)、组成部分

    完整的JS是由三个部分组成的:

    1、核心(ECMAScript)ECMAScript就是JavaScript的标准。

    2、文档对象模型(DOM,Document Object Model)让JS有能力与网页进行对话,比如点击操作、鼠标滑入操作。

    3、浏览器对象模型(BOM,Browser Object Model)让JS有能力与浏览器进行对话,比如判断页面中滚动条距离顶端的位置、或是判断鼠标光标在浏览器中的位置。

    (二)、JS特点

    1、开发工具很简单,记事本就可以

    2、无需编译,直接由JS引擎负责执行。解释型语言(不用编译写完直接可以运行)

    3、弱类型的语言由数据来决定,数据类型

    4、面向对象

    (三)、浏览器的内核

    浏览器内核的作用

    内核主要由两部分组成(不同浏览器的内核是不同的):

    1、内容排版引擎解析HTML和CSS

    2、脚本解释引擎解析JavaScript

    (四)、运行环境

    独立安装的JS解释器:Node.js

    嵌入在浏览器内核中的解释器(F12调出网页的控制台,选择控制台上面的console可以直接在上面输出代码)

    四、将JS脚本嵌入在HTML页面中

    1、将JS代码直接嵌入在元素的“事件”中

    <div id=" " onclick=" JS代码" >内容</div>

     

     说明:onclick是元素的事件,当点击元素时所进行的操作。

    可以直接在元素里加入一个onclick事件,在onclick里面加入对应的JS代码,这个JS代码就是我们所要执行的代码。

    注意:单引号和双引号的使用方式:外面单引号,里面就是双引号;外面双引号,里面嵌套的就是单引号。

     

    2、将JS的代码嵌入到<script>标记中

    <script></script>标签允许出现在页面的任何位置。

    我们可以将JavaScript代码放置在HTML文件中的任何位置,但是一般习惯于放置在网页的head或者是body部分。

    放在<head>部分

    最常用的方式是在页面中head部分放置在<script>元素,浏览器解析head部分就会执行这个代码,然后才解析head部分就会执行这个代码,然后才解析页面的其余部分。

    放在<body>部分

    JavaScript代码在网页读取到该语句的时候·就会执行。

    注意:

    JavaScript作为一种脚本语言可以放在HTML页面中的任何位置,但是浏览器解释HTML时是按照先后顺序的,所以放在前面的script就被先执行。

    比如,进行页面显示初始化的JS必须放在 head 里面,因为初始化都要求提前进行(给页面的body设置css等);

    如果是通过事件调用执行的function,就对位置没有什么特别的要求

    3、将JS代码写在外部脚本文件中

    创建JS文件,并编写JS代码(文件名:***.js)

    在页面中引用js文件

    <script src="js文件路径"></script>

    注意:在<script src="  "> </script>标签中,是不允许出现任何内容的。下面这个例子就是错误的示范。

     五、JS语句和注释

    JS语句就是允许被JS引擎所解释的代码。

    语句书写规范:使用分号来表示结束(document.write(););大小写敏感(console.log();正确  Console.log();错误)

    符号要是用英文标点符号(不管是HTML、CSS还是JS代码都要使用英文符号);语句由表达式、关键字、运算符组成。

    注释:分为单行注释和多行注释

    HTML注释<!-- -->

    CSS注释  /*   */

    JS注释:单行注释(//注释内容);多行注释( /*   */)。

     注意:对内容设置注释,单行注释使用 [ Ctrl键+/ ] 就可以实现;多行注释使用 [ Ctrl键+Shift键+/ ] 可以实现

  • 相关阅读:
    PYFLINK 基础 (一):运行相关(一)PYFLINK安装与本地运行(WINDOWS10)(TABLE demo)
    linux 开机进入initramfs无法开机
    VBA删除 语法
    VBA 上传数据与查找数据 while循环 和 for循环
    odoo tree视图 当页不弹窗显示方法
    VBA 连接,提醒 rs AS new adodb.recordset 的变量未定义
    odoo 订单打印 会出现字体. ........... 虚线问题
    270. Closest Binary Search Tree Value
    277. Find the Celebrity
    724. Find Pivot Index
  • 原文地址:https://www.cnblogs.com/nyw1983/p/11479172.html
Copyright © 2011-2022 走看看