Document

Web开发网站-03

2024-01-03
dfer
333
前端 CSDN

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

上一篇：网站程序开发中的代码

下一篇： Web开发网站-02