####javaScript
用来给界面添加动态效果,动态页面
JS特点:
1.属于脚本语言,不需要编译 由浏览器解析执行
2.js可以嵌入到html中
3.js基于面向对象
4.js语言安全性较高,js语言只能访问浏览器内部数据,不允许访问磁盘中的数据
#######如何在HTML页面中引入js
1.在标签内部的事件中添加js代码
2.在head里面添加script标签在标签体内写js代码
3.在单独的js文件中写js代码,通过script标签引入
#####数据类型
1.数值类型number
2.字符串类型 string
3.布尔类型 Boolean
4.未定义类型 undefined
5.对象类型 object
变量的声明和赋值
-js语言属于弱类型语言,声明变量时不需要指定类型
例如:
int x=10;
var x=10;
在js语言中一行结尾的分号可以省略
####数值类型底层都是浮点型,在使用过程会自动转换类型
int x=5;
int y=3;
int z=x/y;
varx=5;
var y=2;
var z=5/2;
z=2.5
会自动转换类型
NaN:not a number 不是个数,使用isNaN()方法判断是否是数值类型
####字符串类型
可以使用单引号或双引号修饰字符串
var s=“abc”;
var s=‘abc’;
###布尔值类型
var b=true/false
####未定义我类型
当只声明变量不赋值的时候,此时这个变量的类型为undefined
####对象类型
var p=new person();
#####数据类型的隐式转换
在js中数据类型会根据不同的场景自动转换类型
数值类型
转字符串 直接转 18->“18”
转布尔值 if(自动转换布尔值)0和NaN转成false其他都是true
字符串类型
转数值 能转直接转 不能转转成NaN
转布尔值 空字符串转成false 非空转true
布尔值类型
转字符串 直接转 true->“true”
转数值 true->1 false->0;
undefined
转数值 (NaN)
转字符串“undefined”
转布尔类型:false
null
转数值 null转成0 20+null=0
转字符串 “null”
转布尔值 false
#######运算符+ - * / > < >= <= == !=
js中的运算符和Java中的大体相同
和=,==在比较两端变量时会先统一类型在比较,===会先比较类型是否
相等如果相等再继续比较值是否相等
-typeof 获取变量的类型 typeof变量名称
-除法运算 会自动转换正数和小数 10/2=5
####语句 if else whlie do while for switch case
-大体相同
if while括号里面如果类型不是布尔值类型会自动转换成布尔类型 转换规则参见
上面的隐式转换
-for循环里面 int i 改成var i , 不支持增加for循环
for (var i=0;i<10;i++){
console.log(i);
}
##########函数/方法
javaScript方法声明
function 方法名(参数列表){
reuturn xxx;
}
####和页面元素相关的方法
1.通过id获取页面中的元素
var x=document.getElementById(“元素id”)
设置文本框的内容(x.value="")
给元素设置文本内容和获取文本内容
div.innerText=“ads”
div.innerText;//获取
4.给元素添加子元素
div.innerHTML=“
abc
”如果是追加内容把等号变成+=
}