js简介
web的标准
结构 表现 行为 三者相分离
网景公司 sun公司
1. js发展
JavaScript诞生于1995年,起初它的目的是--处理以前由服务器端负责的一些表单验证,当时的软件环境,
都是由服务器进行数据的验证等处理的。在那个年代走在最前端的网景(Netscape)
公司决定着手开发一种客户端验证的语言。 布兰登·艾奇 -- JavaScript之父
2.js概念
解释型的脚本语言,是一种动态类型、弱类型、基于原型的语言,支持隐式类
4.js语言特点
1、脚本编写语言
2、基于对象的语言
3、动态性
4、简单性
5、安全性
6、跨平台性
动态改变页面内容
动态改变页面的外观
验证表单数据
响应事件
5.js组成
DOM 文档对象模型
BOM 浏览器对象模型
ECMAScript 核心
6.引入方式
外部引入
<script type="text/javascript" src="路径"></script>
内部引入
页面头部( < head>里)或者尾部(<body>后面);
<script type=" text/javascript">js内容</script>
</body> 之前
6.四种输出方式
警告对话框
alert("你好");
输入对话框
prompt("你好");
例: var a = prompt("张三 "喜欢吃什么?");
// 输入:凉皮
alert(a); // 凉皮
在控制台中打印出信息
console.log("你好");
在页面中写入
document.write("你好");
例: document.write('<h1>我们今天学习"js"</h1>')
document.write('<table border="1" width="100px"><tr><td>我们今天学习"js"</td></tr></table>');
包含在单引号/双引号中间的字符我们称作字符串
+ 号就是连接的意思
===================================
+号 字符串连接
字符串和数字相加 结果变成字符串
变量
var 变量名 = 变量值;
变量名的定义
命名规则(也就是起名的规矩):
1.是以下划线(_)、美元符($)或者字母开头,不能是数字开头。
2.可以是下划线(_)、美元符($)、字母或者数字组成。
3.不能是关键字/保留字。
4.区分大小写。
数据类型
number 数字类型
表示整数或者浮点数(小数),另外还有一个特殊的值:NaN(Not a Number不是一个数字)
string 字符串类型
(用单引号'和双引号"包裹起来)
Boolean 布尔类型
只有两个值,true(真的)或者false(假的) var a = true
undefined 未定义
使用var声明了但是没有赋值 var a;
null 空类型,只有一个值null var b = null;
object 复杂类型
isNaN
isNaN 检测'是不是一个数字' 是数字 false 不是数字 true
alert(isNaN(123));// false
第二课
1.数值类型转换为字符串类型
String() 可以将数字转换为字符串
var a = 111; // number
var b = String(a); // string "111"
2.字符串转换为数值型
Number() 可以将字符串转换为数字
var a = "111"; // string "111"
var b = Number(a); // number 111
a.数字字符串转化为数字的时候是数字
b.字母字符串转化为数字 是 NaN ,属于number类型
c.布尔类型true转化为数字 是 1
d.布尔类型false转化为数字 是 0
parseInt() 方法用于将其他的数据类型转化为整数
a.没有进行四舍五入,而是直接将小数部分忽略
b."123aaa" 只转化数字部分,不转化非数字部分
c. "a1b1c1" 前面是字母 直接转为NaN
3. 其他类型转换为布尔类型
Boolean() 可以将其他类型转换为布尔类型
var a = "冯宇凡"; // string "冯宇凡"
var b = Boolean(a); // boolean true
var c; // undefined
var d = Boolean(c); // boolean false
a. 字符串里面有值,就为真 true
b.字符串里面没有值,就为真 false
c. undefined 类型转化为布尔值时 是false
4.常用运算符
算术运算符
+ 加法运算
如果是数值 -- 加法运算
如果是两个true -- true 转化为数字 1
- 减法运算
隐式转化
减法运算 把每一项都转换成数字类型Number
* 乘法运算
隐式转化
乘法运算 把每一项都转换成数字类型Number
/ 除法运算
隐式转化
除法运算 把每一项都转换成数字类型Number
% 取余运算
隐式转化
取余运算 把每一项都转换成数字类型Number
i++ 先运算 再加1
++i 先加1 再运算
i-- 先运算 再减1
--i 先减1 再运算
关系运算符
> 大于
>= 大于等于
< 小于
<= 小于等于
!= 不等于
== 相等
=== 严格相等(值相等的同时判断类型一致)
!== 严格不相等
逻辑运算符
! 非运算符,表示取反
用于将布尔值变成相反值,即true变成false,false变成true对于非布尔值,去反运算符会将其转为布尔值;
式子1 && 式子2 与(且)运算符 全真则真,一假则假
|| 或运算符 一真则真,全假则假
a.只要有一个条件为true时,结果就是true;
b.当第一个条件都为false时结果就是false;
c.当两个条件为true时,后面条件不再判断;
短路“:如果第一个式子是真的,则返回第一个式子的值
如果第一个式子是假的,则返回第二个式子的值
? : 三元条件运算符(也叫三目条件运算符)
式子1 ? 式子2 : 式子3; 1真为2 1假为3
赋值运算符
= 直接赋值操作
+= 运算减法之后赋值
-= 运算减法之后赋值
*= 运算*发之后赋值
/= 运算除法之后赋值
%= 运算取余之后赋值
5.关系表达式
用关系运算符 按一定的规则连接起来的、有意义的式子称为关系表达式。
用关系运算符 >、>=、<、<=、!=、==、===、!== 有意义的式子称为关系表达式。
例:1<2
100>60