JavaScript基础,了解JavaScript构成

JavaScript三个组成部分

• ECMAScript - JavaScript的核心

  • ECMAScript定义了JavaScript的语言规范

  • JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关

• DOM - 文档对象模型

  • 一套操作页面元素的API

  • DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

• BOM - 浏览器对象模型

  • 一套操作浏览器功能的API

  • 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

JS代码三种写法

• JavaScript也有三种书写方式，并且与CSS的三种书写方式几乎一致

• 1.行内样式：不推荐，因为不便于维护

  • <button onclick="window.alert('js行内写法')">欢迎来到黑马程序员</button>

• 2.内部样式：写在script标签中,如果界面js代码较少可以使用，复杂的话不推荐

  • <script >alert("这是JS内联样式")</script >

• 3.外部样式：写在js文件中，使用script的src属性导入

  • <script src="./01-JS外联写法.js"></script>

输出语句1 : 在网页弹出一个提示框，输出数据

//输出语句1:弹出一个提示框，通常用于提示用户，也可以用于调试
alert("hello world");

输出语句2：在控制台打印某个数据

//输出语句2:打印某个数据的值，查看数据是否成功
//这个写法不是给用户看的，而是给程序员自己调试看的
console.log("hello world");

输出语句3：将数据显示到网页

 

//输出语句3:将数据显示到网页，相当于给body添加内容
document.write("hello world");

输入语句1：在网页弹出一个输入框，让用户输入数据

 

//输入语句1：弹出一个输入框，可以用来输入数据
prompt("hello world");

五种基本数据类型

 

<script>
          1. 掌握js五种基本类型语法  
          2. 掌握 string number boolean 类型作用 
      */

      //1. string类型 : 字符串 一切以  单引号''  双引号""  反引号``包起来的内容
      //作用 : 用于展示文本

      console.log("123")
      console.log("456")
      console.log(`789`)
      console.log('我"爱"前端')//嵌套字符串

      //2. number类型 : 数值 一切数学中的数字。
      //作用 : 用于数学计算

      console.log(123) //整数,默认正整数
      console.log(-123) //负数
      console.log(9.9) //小数
      console.log(Infinity) //特殊数值,无穷大

      //3. boolean类型 : 布尔 只有两个值 :  true(真)  false(假)
      //作用 : 用于条件判断  true:条件成立  false:条件不成立

      console.log(true)
      console.log(false)

      //4. undefined : 未定义  只有一个值 undefined
      console.log( undefined )

      //5. null : 空值  只有一个值 null
      console.log( null )
    </script>

typeof检测数据类型

 //(1) typeof 数据   (2) typeof (数据)
        //语法结果：得到一个字符串来告诉你这个数据是什么类型。 
        console.log( typeof 123 )//'number'
        console.log( typeof '123' )//'string'
        console.log( typeof true )//'boolean'
        console.log( typeof undefined )//'undefined'
        console.log( typeof null )//'object'