• JavaScript基本语法、函数


    目录

    一、JavaScript简介

    1、JavaScript特点

    2、JavaScript的组成

    3、引用JavaScript的方式

    二、JavaScript核心语法

    1、变量

    2、数据类型

    3、typeof运算符

    4、String对象

    5、数组

    6、运算符号

    7、逻辑控制语句

    8、跳转语句

    9、注释

    10、常用的输入/输出

    11、函数

    12、事件


    一、JavaScript简介

    JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)、

    脚本语言∶不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行

    现在也可以基于Node.js技术进行服务器端编程

    浏览器执行JS简介

    浏览器分成两部分︰渲染引擎和JS引擎

    渲染引擎︰用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit

    J引擎︰也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览

    器的V8。

    浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行

    代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为

    脚本语言,会逐行解释执行。

    1、JavaScript特点

    HTML页面中添加交互行为

    脚本语言,语法和Java类似

    解释性语言,边执行边解释

    2、JavaScript的组成

    1、ECMAScript

    ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展。

    ECMAScript : ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。

    2、DOM———文档对象模型

    文档对象模型( Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。

    3、BOM——浏览器对象模型

    BOM(Browser Object Model,简称BOM)是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

    JavaScript的执行原理

    1、浏览器发送请求(包含JavaScript的请求页面)到服务器

    2、浏览器解析HTML标签和JavaScript

    3、服务器相应浏览器发送的请求(从服务器端下载含JavaScript的页面)

    3、引用JavaScript的方式

    1、行内样式

    语法:

    1. <input name="btn" type="button" value="弹出消息框"
    2. onclick="javascript:alert('欢迎你');"/>

    注意:

    1、可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick·注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

    2、可读性差,在html中编写JS大量代码时,不方便阅读;

    3、引号易错,引号多层嵌套匹配时,非常容易弄混;

    4、特殊情况下使用

    2、内嵌式:使用script标签

    语法:

    1. <script>
    2. alert ( 'Helloworld~! ' );
    3. </script>

    可以将行JS代码写到