Javascript详解(一)

一、概述
JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行。

  • JavaScript 被设计用来向 HTML 页面添加交互行为。
  • JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
  • 说明:脚本语言就是一种轻量级的编程语言。一般都由相应的脚本引擎来解释执行。例如JavaScript语言就由浏览器引擎来解析和执行。
  • JavaScript 通常被直接嵌入 HTML 页面。
  • JavaScript 是一种解释性语言(就是说,代码的执行不进行预编译)。

1.Javascript的组成部分

  • ECMAScript: JS的核心,规定了JS的语法 和 词法。
  • DOM:Document Object Model 文档对象模型  主要用来跟网页打交道的。可以把整个网页看作为DOM的对象提供访问和操作网页内容的方法。
  • BOM:Browser Object Model 浏览器对象模型   主要用来跟浏览器打交道的。提供与浏览器交互的方法。

2.Javascript的引入方式1. 内部js:也就是在html源码中嵌入js代码语法格式:

<script type=”text/javascript”>

这里写你的js代码

</script>

注意:

  • <script>标签可以写在html页面中的任何地方。而且一个页面中可以有多个<script>标签。
  • type=”text/javascript”可以省略

2. 外部js:也就是将js代码单独写成一个js文件(扩展名是 .js而不是 .javascript), 在html代码中引入这个封装好的js文件

语法格式:

<script type=”text/javascript” src=”xxx.js”></script>

注意:

  • 无论是内部js还是外部js在html中引入的位置是随意的,<head>标签中可以引入,<body>标签一样可以引入

二、Javascript的基本语法
1. JS变量的定义

js的变量的定义直接通过var关键字就行。

  • 整型:  var i = 0;
  • 浮点型:var d = 3.14;
  • 字符串:var str = “黑马程序员”;
  • 布尔型:var b = true;

2. JS的数据类型

  • 数字类型:number  包含了小数和整数
  • 布尔类型:boolean  只有两个值: true(真)| false(假)
  • 字符串类型:String  包含字符和字符串,既可以使用双引号又可以使用单引号
  • 未定义类型:undefined  只有一个值,即 undefined未定义
  • 空类型:null  只有一个值 null,表示空对象

3.JS的运算符

  • 赋值运算符:等号(=), 举例: var x = 5。
  • 比较运算符: >  <  >= <=   ==  !=   ===  !==
  • 逻辑运算符:  &&  ||   !
  • &&  并且,双与:只有运算符两侧都为true,结果才是true; 一假即假。
  • ||    或者,双或:只要运算符两侧有一个是true,结果就是true;一真即真。
  • !    取反: !true = false;  !false=true;

注意:
== 和 === 的区别:
两者都可以用来比较两个变量的值是否相等。
== 先做数据类型的转换,再进行比较。比如可以将整数转换为字符串,或者将字符串转换为整数等。
=== 全等 严格的比较,如果符号两侧的数据类型不一致,则立刻返回false。

所有的值都能参与逻辑运算

点赞