经典案例推广高端H5电商设计公司了解价格
QQ联系
微信联系
手机联系
QQ联系
微信联系
手机联系

web前端开发—JavaScript基础

发布时间:2019-07-08
发布者:eidea
浏览次数:163

JavaScript 是属于网络的脚本语言。 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。JS代码写在HTML的script标签内。


一、JS变量用于存储程序所需要的数据。

语法: var 变量名 = 变量值; 例: var age = 18;  var name = “田轩”;

变量名是大小写英文、数字、$和_的组合,且不能用数字开头。变量名也不能是JavaScript的关键字,如if、while等。

声明一个变量用var语句。

使用等号=对变量进行赋值。

二、JS数据类型(弱类型)


变量可以存储的数据有不同的类型,JS将数据划分为以下类型:


1.数值类型

JavaScript不区分整数和浮点数,统一用Number表示,其值可以是任意数值、NaN、Infinity;

2.字符串

字符串是以单引号'或双引号"括起来的任意文本,比如'abc',"xyz"等等。

3.布尔类型

布尔值和布尔代数的表示完全一致,一个布尔值只有true、false两种值,要么是true,要么是false,可以直接用true、false表示布尔值,也可以通过布尔运算计算出来。

4.数组

数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。

例如:[1,2,’3’,’田轩’,true]

数组的元素可以通过索引来访问。请注意,索引的起始值为0.

var arr = [1, 2, 3.14, 'Hello', null, true];

arr[0]; // 返回索引为0的元素,即1

arr[5]; // 返回索引为5的元素,即true

arr[6]; // 索引超出了范围,返回undefined

5.对象

JavaScript的对象是一组由键-值组成的无序集合,例如:

var person = {

    name: 'Bob',

    age: 20,

    tags: ['js', 'web', 'mobile'],

    city: 'Beijing',

    hasCar: true,

    zipcode: null

};

JavaScript对象的键都是字符串类型,值可以是任意数据类型。上述person对象一共定义了6个键值对,其中每个键又称为对象的属性,例如,person的name属性为'Bob',zipcode属性为。

要获取一个对象的属性,我们用对象变量.属性名的方式:

person.name; // 'Bob'

person.zipcode; // null

两个特殊的值

null和undefined

表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而表示“空”。

表示一个空的值,而undefined表示值未定义。事实证明,这并没有什么卵用,区分两者的意义不大。大多数情况下,我们都应该用。undefined仅仅在判断函数参数是否传递的情况下有用


数值操作

  算术运算符:+  -  *  /  %  ++ --

  比较运算符: > 、>=、 <、<=、 == 、!=

  逻辑运算符: &&   ||  !

  三目运算符: a > b ? a : b;

三、字符串常用方法

字符串长度: length

截取字符串:substring(0,3);

查找字符串中是否包含某字符:indexOf(“abc”);

四、数组常用方法


数组长度:length

拼接数组:concat([1,2,3]);

数组拼接字符串:join();

向数组尾部追加数据: pop()

网站案例欣赏

华米科技

高端品牌企业官网

莱佛士教育学院

教育培训行业响应式官网

海信(海外站)

响应式企业官网