Web开发网站-03

目录

1 JavaScript

2 JS引入方式

3 JS基础语法


1 JavaScript

什么是JavaScript?

  • JavaScript(简称:JS)是一门跨平台面向对象脚本语言(不需要编译,直接浏览器解释就可以了)。是用来控制网页行为的,它能使网页可交互。
  • JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。
  • JavaScript在1995年由Brendan Eich发明,并于1997年称为ECMA标准。
  • ECMAScript 6(ES6)是最新的JavaScript版本(发布于2015年)。

 ECMA:ECMA国际(前身为欧洲计算机制造商协会),制定了标准化的脚本程序设计语言ECMAScript,这种语言得到了广泛应用。而JavaScript是遵守ECMAScript的标准的。

2 JS引入方式

  • 内部脚本:将JS代码定义在html页面中
    • JavaScript代码必须位于<script></script>标签之间
    • 在html文档中,可以在任意地方,放置任意数量的<script>
    • 一般会把脚本至于<body>元素的底部,可改善显示速度
 <script>
     alert("Hello World")
 </script>
  • 外部脚本:将JS代码定义在外部JS文件中,然后使用<script>引入到HTML页面中
    • 外部JS文件中,只包含JS代码,不包含<script>标签
    • <script>标签不能自闭合

1、demo.js--> alert("Hello World");

2、引入js

 <script src="js/demo.js"></script>

3 JS基础语法

书写语法

  • 区分大小写:与java一样,变量名、函数名以及其他一切东西都是区分大小写的
  • 每行结尾的分号可有可无
  • 注释
    • 单行注释://注释内容
    • 多行注释:/*注释内容*/
  • 大括号表示代码块

//判断

if(count==3){

        alert(count);

}

输出语句

  • 使用window.alert()写入警告框
  • 使用document.write()写入html输出
  • 使用console.log()写入浏览器控制台
<script>
    /* 方式一:弹出警告框 */
    window.alert("hello");

    /* 方式二:写入html页面中 */
    document.write("hello");

    /* 方式三:控制台输出 */
    console.log("hello");
</script>

变量

  • JavaScript中用var关键字(variable的缩写)来声明变量。
  • JavaScript是一门弱类型语言,变量可以存放不同类型的值
  • 变量名需要遵循如下规则:
    • 组成字符可以是任何字母、数字、下划线或美元符号
    • 数字不能开头
    • 建议使用驼峰命名

var a = 20;

a =“张三”;

特点1:作用域比较大,全局变量

特点2:可以重复定义

注意事项:

  • ECMAScript 6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量,只在let关键字所在的代码块内有效,且不允许重复声明。
  • ECMAScript 6新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。

数据类型

  • JavaScript中分为:原始类型和引用类型

原始类型

  • number:数字(整数、小数、NaN(not a number))
  • string: 字符串,单双引皆可
  • boolean:布尔。true,false
  • null:对象为空
  • undefined:当声明的变量未初始化时,该变量的默认值是undefined
  • 使用typeof运算符可以获取数据类型

var a = 20

alert(typeof a);

    //原始数据类型
    alert(typeof 3);//number
    alert(typeof 3.14);//number

    alert(typeof "A");//string
    alert(typeof "Hello");//string

    alert(typeof true);//boolean
    alert(typeof false);//boolean

    alert(typeof null);//object

    var a;
    alert(typeof a);//undefined

 运算符

  • 算术运算符:+,-,*,/,%,++,--
  • 复制运算符:=,+=,-=,*=,/=,%=
  • 比较运算符:>,<,>=,<=,!=,==,===
  • 逻辑运算符:&&,||,!
  • 三元运算符:条件表达式?true_value:false_value

==与===

  • ==会进行类型转换,===不会进行类型转换

var a = 10

alert(a=="10");//true

alert(a==="10");//false

alert(a===10);//true

类型转换

  • 字符串类型转为数字:
    • 将字符串字面值转为数字。如果字面值不是数字,则转为NaN.
  • 其他类型转为boolean:
    • Number:0和NaN为false,其他均转为true。
    • String:空字符串为false,其他均转为true。
    • Null和undefined:均转为false。

流程控制语句

  • if... else if ...else...
  • switch
  • for
  • while
  • do...while