初识JavaScript

1.初识JavaScript

1.1定义

• JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言。
• 脚本语言：不需要编译，运行过程中由js解释器逐行进行解释并执行
• 现在也可以基于Node.js技术进行服务器端编程

1.2作用

• 表单动态校验(密码强度检测) js产生最初的目的
• 网页特效
• 服务端开发(Node.js)
• 桌面程序(Electron)
• APP(Cordova)
• 控制硬件-物联网(Ruff)
• 游戏开发(cocos2d-js )

1.3浏览器执行JS简介

浏览器分成两部分:渲染引擎和JS引擎
●渲染引擎:用来解析HTML与CSS ,俗称内核,比如chrome浏览器的blink , 老版本的webkit
●JS 引擎:也称为IS解释器。用来读取网页中的JavaScript代码 ,对其处理后运行,比如chrome浏览器的V8

浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS 引擎执行代码时逐行解释每一-句源码(转换为机器语言) , 然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。

1.5 JS的组成

1.ECMAScript：规定了JS的编程语法和基础核心知识

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

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

1.6 JS初体验

JS有3种书写位置，分别是行内、内嵌和外部

1.行内式JS

 <!-- 1.行内式 -->
    <input type="button" value="云南白药" onclick="alert('喷一喷就好了')" >

2.内嵌式JS

 <!-- 2.内嵌式 -->
    <script>
        alert('你好哇！！！');
    </script>

3.外部式JS

<!-- 3.外部式JS -->
 <script src="01.js"></script>

注意 ：引用外部JS文件的script标签中间不可以写代码。

2. JS注释

1.单行注释：//

2.多行注释：/* */

3.JavaScript输入输出语句

 <script>
        //1.输入框
        prompt('请输入你的姓名');
        //2.弹出警示框
        alert('向你发出警告');
        //3.控制台输出，给程序员看
        console.log('这是给程序员看的！！');
 </script>