js简介
js是一种脚本语言,部署在浏览器上,核心部分:基本的语法构造,标准库,api(浏览器控制类,dom类,web类),
js执行单位为行,语句以分号结尾, var a = 1+2;
变量:代表一个可以变化的值,
创建变量:var a;
赋值:给变量一个具体的值的过程叫做赋值, a = 10;
初始化:将变量的声明和赋值写在一起,var a = 10;
js变量类型
六大基本数据类型:number,string,boolean,array,undefined,null,object
js是动态类型,是因为可以根据保存的变量的值类型不同而显示不同的类型,
var x //undefined类型,
var x = 6 //number数字类型
var x = “hello” // 字符串类型
注意:nudefined是未定义类型,表明数据类型错误,代表数据没有类型,null是表示数据类型存在,但是没有给变量赋值,
js用法
js脚本必须放到标签之间,
脚本可以放到html页面的body和head中,
引入js的方法在head标签中,在body中,
js输出
1 window.alert();弹出警告框
2 document.write();写到html文档中,
3 console.log();写到浏览器的控制台中,
基本运算符简介
typeof:获取当前变量类型的运算符,
= 赋值运算符;
== 比较运算符 忽视类型;
=== 计算变量类型,
<script> var a="hello"; console.log(typeof a); </script>
逻辑运算符
!非
&& and 与
|| or 或
三目运算符:语法: var min = (a<b)?a:b ;如果第一个表达式为true,返回第二个值,否则返回第三个值,
分支语句
1 if条件语句
2 if else 条件语句
3 if else if else 条件语句
4 switch case 1 brear ;case 2 break 语句;default ;
循环结构
1 while循环
2 do while循环
3 for循环
注意:break 终止循环,continue 终止本次循环
字符串和数组
字符串就是用单引号和双引号包裹起来的,
转义字符 :
’
"
\n 换行
\r 回车
\t 制表符
是浏览器换行
字符串的长度:length长度,字符索引[],获取指定位置的字符,charAt()和charCodeAt()方法
字符串连接:concat()
javascript函数
函数:可以被事件调用的代码块,
语法:function 函数名字(参数1,参数2,…){
函数体;
}
1 函数表达式:var 变量 = function(参数1,参数2){函数体};用变量来代替函数,通过访问变量来调用函数,
2 函数创建 var 变量 = new function();
函数的调用:直接写出函数名和函数参数就可以调用;
函数的作用域
作用域:指的是变量的范围;
1 全局作用域:变量在整个程序中一直存在,
2 函数作用域:在函数内部定义的变量,外部无法获取;
变量类型:
1 全局变量:在全局作用域中声明,
2 局部变量:在函数内部通过var来声明;
javascript对象
对象:用大括号定义的无序数据集合,有键值对构成,键与值之间用冒号分隔;末尾是使用分号结束;
语法:var obj = {key:value}; 一个对象赋值给一个变量;
var obj = {
name:“add”;
age:“18”;
sex:“man”;
body:function();
}
1 创建对象:
var a = {};
var b = new Object{};
var c = Object.create();
2 对象属性的读写;
var obj = {key:value};
console.log(obj.key);使用点运算符来获取
console.log(obj[‘key’]);使用方括号运算符,
3 对象属性的操作
var man = {name:“Rudy”,age:“18”,sex:“boy”};
console.log(Object.keys(man));获取对象所有的属性,
delete man.name; 从对象中删除一个属性
in 检查对象是否包含这个属性,
for(var str in obj){
console.log(obj[str]);
}
DOM document节点
1 doc: 文档对象模型,是用来管理控制html文档的规则,我们把html页面看成一个对象,这个对象就是document节点,
doc中规定html中所有元素都是节点;每个html页面加载到浏览器中都会成为document对象,document是html页面的根节点,每一个页面 都有自己doc节点,window.document属性就指向这个节点,
2 document节点的属性
2.1 doctype节点 包含了当前文档的类型信息,声明标签
2.2 documentElement节点 表示当前文档的根节点,html节点
2.3 body节点
2.4 head节点
属性
2.5 document.documentURL:返回当前文档的网址,
2.6 domain : 返回当前文档的域名,
2.7 location:返回当前文档的网络信息,
3元素选择器
1 getElementById();返回指定id属性的元素节点
2 getElementByTagName();返回指定标签的元素
3 getElementByClassName();返回指定类名的元素,
4 getElementByName();返回name属性的元素,
Node
dom是文档对象模型,可以理解成文档编程的接口,
node是dom中最小的组成单位,一个文档对象中有不同的节点组成,
节点 名称 含义
document 文档node 整个文档
documentType 文档类型node 文档的类型
Element 元素node html元素标签
Attribute 属性node html元素标签的属性
Text 文本node 文本信息
dom浏览器对象模型
核心对象是window,主要管理是窗口与窗口之间的通讯,
分析:dom是通过document对象来操作,bom是通过window对象来操作,
1 window.open();打开窗口;
window.close() 关闭窗口;
window.document() 获取doc对象;
json
轻量级的数据交互格式,用于存储和传输数据的格式,一般用于服务器和网页之间传输,
json数据是文本数据,文本可以被任何语言读取和传递,
json API
1 JSON.parse(后台数据接收);json解析,能够把json字符串转化成js数据类型,
2 JSON.stringify(发送前端数据); json数据封装,作用将js数据转化成json字符串,