DW与JavaScript

文献一
知识点罗列：

字面量、（例如1，3，5，8不可改变的值）
变量、（可以保存字面量，值可以任意变化）
标识符（在JS中所有的可以由我们自主命名的都可以称为是标识符但不要用数字开头不要用中文）
JavaScript的6种数据类型：
基本数据类型：String 字符串类型 Number数值类型 Boolean 布尔类型 true/false
Null 空值类型 Undefined 未定义类型
引用数据类型：Object 对象类型
\作为转义字符
在字符串我们可以使用\作为转义字符，当表示一些特殊符号的使用可以使用\进行转义
- " 表示" - ’ 表示’ - \n 表示换行 - \t 制表符
  1，字符串（要用引号引起了，单双引都可以，不要混用，注意嵌套问题）
  2，数值（所有数值都是Number Infinity infinity表示正负无穷大 Number.MAX_VALUE最大值）可以使用一个运算符 typeof来检查一个变量类型
  3，布尔（只有两个值true真 false假用来做逻辑判断）
  4，空值（左右一个值就是null 表示空的对象用typeof检查会返回一个object）
  5，未定义（只有一个值undefined 意思是声明变量但没给赋值）

3.JavaScript数据的强制类型转换
主要是将其他数据类型转换为String Number Boolean。
① 将其他的数据类型转换为String类型
方法一：
- 调用被转换数据类型的toString()方法
- 该方法不会影响原变量，它会将转换的结果返回
- 注意：null和undefined这两个值没有toString()方法，如果调用该方法程序会报错
方法二：
- 调用String()函数，并将被转换的数据作为参数传递给函数
- 使用String()函数做强制类型转换时，对于Number Boolean实际上
是调用的toString()方法。但是对于null和undefined，
就不会调用toString()方法。
它会将null直接准换为"null"（字符串）
它会将undefined直接准换为"undefined"（字符串）
② 将其他数据类型转换为Number类型
1，使用Number()函数
- 字符串–>数字
1.如果是纯数字的字符串，则可以直接转换为数字
2.如果字符串中有非数字的内容，则转换为NaN
3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
- 布尔值–>数字 true准换为1 false转换为0
- null–>数字 0
- undefined–>数字 NaN
2，将其他类型转换为Number
第二种方式：
- 这种方式专门用来对付字符串类型
- parseInt() 把一个字符串转换为一个整数可以将一个字符串中的有效整数内容取出来
然后转换为Number
- parseFloat() 把一个字符串转换为一个浮点数parseFloat()与parseInt()类似，但是不同的是它可以获取有效的小数

3，将其他类型转换为Boolean
- 使用Boolean()函数
- 数字 -->布尔除了0和NaN是false,其余的全部都是true
- 字符串–>布尔除了空串是false,其余的全部都是true
- null 和undefined都会转换为false
- 对象也会转换为true

文献二

知识点罗列：
算数运算符

加
可以对两个值进行加法运算，如果是两个字符串则进行字符串拼接
任何值和字符串做加法运算，都会先转为字符串，然后再和字符串做拼接操作
也可以通过"+"完成隐式转换。

减
可以对两个值进行减法运算，并返回运算结果

乘
可以对两个值进行乘法运算，并返回运算结果
/ 除
可以对两个值进行除法运算，并返回运算结果
% 取模
取模运算(取余数)
++ 自增
– 自减

关系运算符

大于
= 大于等于
< 小于
<=小于等于
== 表示相等的意思
!= 表示不等的意思
=== 全等（数据类型与值都相等）
!== 不全等
运算的结果为布尔值

JS中为我们提供了三种逻辑运算符
! 非
- !可以用来对一个值进行非运算
所谓非运算就是对一个布尔值进行取反操作
false变为true ，true变为false
- 如果对一个值(布尔值)进行2次非运算，它的值不改变
- 如果对非布尔值进行运算，则先将它准换为布尔值，再取反操作
利用这一特点，可以将一个值转换为布尔类型：两次非运算
&& 与
- &&可以对符号两则的值进行与运算并返回结果
运算规则：两个值只要有一个false，则返回false
两个值都是true的情况下，返回true
- JS中的"与"，只要第一个为false，则返回false。
|| 或
- ||可以对符号两则的值进行或运算并返回结果
运算规则：两个值只要有一个true，则返回true
两个值都是false的情况下，返回false
- JS中的"或"，只要第一个为true，则返回true。不会再去检查第二个值
var a=false;
// console.log(“a=”+a);
var b=!!a;
// console.log(“b=”+b);

var str="sdf";
//str=!str;//str=>布尔值为true   =》 !true
str=!!str;// 第一次非运算的结果为false  !false==true

// console.log(“str=”+str);

var bl=false&&false;
console.log("bl="+bl);bl=true||false;
console.log("bl="+bl);

赋值运算
= 赋值符
可以将符号右侧的值赋值给左侧的变量
+=
num+=2 =>等价于 num=num+2;
-=
num-=2 =>等价于 num=num-2;
=
num=2 =>等价于 num=num*2;
/=
num/=2 =>等价于 num=num/2;
%=
num%=2 =>等价于 num=num%2;

条件运算符也叫做三元运算符
- 语法：条件表达式?语句1:语句2;
- 执行的流程：
条件运算符在执行时，首先对表达式进行求值。
如果该值为true，则执行语句1,并返回执行结果
如果该值为false，则执行语句2,并返回执行结果
var a=340;
var b=30;
//比较a与b谁大
var max=a>b?a:b;
console.log(max);

运算符的优先级
JS中的优先级就跟我们数学中的优先级一样，
比如在数学中:先乘除再加减有括号先算括号里面的
算术操作符 → (关系运算符)比较操作符 → 逻辑操作符 → "="赋值符号 (+,-,*,/,++,–,%) (<,>,,=,<=,>=,!=) (&&,||,!) (=,+=,-=,…)
var a=5, b, sum;
b = 100 % 7;//b==2
console.log(b);
sum = a > b && a * b > 0;
//a>b 运算结果为true a * b > 0 运算结果为true
console.log(sum);
sum = ((++a) + 3) / (2 - (–b)) * 3;//计算值
//(++a) 6+3 等于9 9/1=>9
console.log(sum);

流程控制语句
程序中的三种基本流程结构：

顺序结构
分支结构
循环结构
顺序结构：按照顺序一条一条的执行代码，从上到下。
分支结构：执行代码的时候，可以根据条件进行选择，条件越多对应的结果越多，分支也就越多。例如if…else…语句,switch语句
循环语句：用来重复不断的做一件事,for循环，while循环，do…while循环
if(3<2){
alert(“3是小于4的”);
}else{
alert(“3是大于2的”); }

对象简介
如果我们使用基本数据类型，可以将一个人的信息保存下来，
// 但是他们是独立的没有联系的数据
- 对象属于一种复合的数据类型，在对象中可以存储多个不同数据类型的属性
对象的分类：
1.内建对象
- 由ES标准中定义的对象，在任何ES的实现中都可以使用
例如：Math String Number Boolean Function Object…
2.宿主对象
- 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
- 比如：BOM(浏览器对象模型) DOM(文档对象模型)
例如我们常用的console.log() 就是DOM 中的对象
3.自定义对象
- 由咱们开发人员自己定义的对象
/
//创建对象
/ 使用new关键字调用的函数，是构造函数constructor
构造函数是专门用来创建对象的函数
var obj=new Object();//创建对象
console.log(obj);
在对象中保存的值称为属性
向对象添加属性的语法: ①对象.属性名=属性值 ② 对象[“属性名”]=属性值
读取对象属性的语法: ①对象.属性名 ②对象[“属性名”]
- 注意：如果对象中没有的属性，不会报错而是返回undefined
obj.name=“zhangsan”;
//获取对象中的属性值
console.log(obj. name);
console.log(obj[“name”]);
//修改对象的属性值
obj. name =22;
//删除对象的属性
delete obj. name;
console.log(obj);// delete删除对象的属性

基本数据类型与引用数据类型

基本数据类型：String Number Boolean Null Undefined
- 引用数据类型:Object

JS中的变量都是保存在栈内存中的
基本数据类型的值直接在栈内存中存储
值与值之间是独立存在的，修改一个变量不会影响到其他的变量

  对象是保存在堆内存中的，每创建一个新的对象，就会在堆内存中开辟新的空间。而变量保存的是对象的内存地址(对象的引用)，如果两个变量保存的是同一个对象引用，当其中一个通过变量修改属性时，另外一个也会受到影响。

基本数据类型
var a=12;
var b=a;
console.log(“a=”+a);//12
console.log(“b=”+b);//12
a++;
console.log(“a=”+a);//13
console.log(“b=”+b);//12
可以看出下面改变上面没有影响

引用数据类型
var obja=new Object();
obja.name=“小明”;
var objb=obja;
console.log(obja);//小明
console.log(objb);//小明
objb.name=“小红”;
console.log(obja);//小红
console.log(objb);//小红
console.log(objc===objd);//false
可以看出上面只要有的下面就会变成和上面一样，但他们又不完全一样false

属性名：
对象的属性名不强制要求遵守标识符规则
什么名称都可以，但是不允许这里使用，我们自己定义的使用都必须遵守标识符规则
in运算符
通过该运算符检查一个对象中是否含有指定的属性
如果含有则返回true，如果没有则返回false
语法：“属性名” in 对象

对象字面量
1创建一个对象
var obj=new Object();
2使用对象字面量来创建一个对象
var obj={};
使用对象字面量，可以在创建对象时，直接指定对象中的属性
语法：{属性名1:属性值1,属性名2:属性值2,…}
对象字面量的属性名可以加引号，也可以不加，建议不加
如果要使用一些特殊的属性名，则必须加上引号

属性名与属性值是一组键值对结构，
键与值之间用":“冒号连接，对个键值对之间使用”,“逗号隔开
如果一个属性之后没有其他的属性了，就不要写”,"逗号
var boss={
name:“马云”,
age:40,
emp:{
name:“小王”,
age:23,
tel:“13509667867”
}
};
console.log(boss.emp.tel);

DW与JavaScript相关推荐

利用JavaScript设置隐藏功能
开发工具与关键技术: DW.JavaScript 作者:张秋豪撰写时间:2021/5/13 一.在DW开发工具中新建一个html文档然后给它设置一个div标签和一个按钮<button> ...
JavaScript在表格指定的位置插入和删除（传参）
开发工具与关键技术:DW和JavaScript 撰写时间:2019年1月17日 JavaScript在表格指定的位置插入和删除(传参) 1.先为页面设计Html 网页上出现的效果: 2.要实现插入行, ...
使用JavaScript实现鼠标移进按钮显示移出隐藏功能
开发工具与关键技术:DW.JavaScript实现功能作者:陈隆撰写时间:2019年01月17日下面使用简单的js实现移进显示移出隐藏常用的功能,先创建一个HTML文件,然后把需要的代码写到HT ...
Javascript中的Try…catch语句
开发工具与关键技术:DW 处理javascript的异常作者:李国旭撰写时间:2019年1月19日首先我们来认识一下"javascript"它是一种脚本语言,其源代码在运行之 ...
table 表格合并
table 表格合并开发工具与关键技术:DW.JavaScript 作者:刘东标撰写时间:2019-03-14 <div ><div><span>colspan ...
利用JS实现悬浮导航的隐藏和显示
利用JS实现悬浮导航的隐藏和显示 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工 ...
DW 在onload运行recordset find.html时发生了以下javascript错误
这两天打开Dreamweaver CS5,总是弹出一个错误,写着: 在onLoad运行RecordsetFind.htm时,发生了以下JavaScript错误: 在文件"RecordsetF ...
HTML5期末大作业：山河旅行社网站设计——山河旅行社网站(5页) HTML+CSS+JavaScript 学生DW网页出行旅途游玩
HTML5期末大作业:山河旅行社网站设计--山河旅行社网站(5页) HTML+CSS+JavaScript 学生DW网页出行旅途游玩常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游 ...
HTML5期末大作业：出行网站设计——西安旅游-高质量(9页) HTML+CSS+JavaScript 学生DW网页设计
HTML5期末大作业:出行网站设计--西安旅游-高质量(9页) HTML+CSS+JavaScript 学生DW网页设计常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. ...

DW与JavaScript

DW与JavaScript相关推荐

最新文章

热门文章