JS开发：是一门脚本语言，由浏览器来解释执行不需要经过编译
JS声明变量：var 变量的名字
JS声明函数：function 函数的名称（参数的名字）{}
JS开发的步骤：
1、确定时间
2、时间要触发函数所以我们要声明一个函数
3、函数里面通常是去做一些交互才操作，弹框，修改页面内容，动态去添加一些东西
传参数时单引双引都可以，但是有嵌套时需要单引双引互相套
从文档中拿到一个id为blog的元素作为变量OA
var oA= document.getElementById('blog');
var oUl= document.getElementById('inner');
绑定事件 元素,事件=函数
鼠标左键单击事件 onclick
oA.onclick=function(){
alert();
用alert可以检测代码是否书写正确
用console.log(123);在控制台打印123也可以检测
oUl.style.display='block';
注意类似font-size写法变成fontSize，不再支持斜杠
oA.onclick=function(){} (匿名函数)
也可以写成： (命名函数)
oA.onclick=tab;
function tab(){}
script有三个书写位置
可以写在body的最下方。
可以写在head里面，但是要在script内部写一个window.onload=function(){ }
也可以写在单独文件里，引入时使用：
<script src="js/text.js" type="text/javascript" >
属性读写
对input 文本框中的内容进行更换，如下（背景点击按钮时更换text中内容为city中的内容）
oBtn.onclick=function(){
oText.value=oCity.value;
}
对图片进行更换：
对图片的src属性值进行替换
对div或p标签等处的文字内容进行替换：
innerHTML/innerText进行替换都可以
显示/隐藏在一个按钮
oAn.onclick=function(){
if(onOff){
oKg.style.display='none';
}else{
oKg.style.display='block';
}
onOff=!onOff;
}
点击时将对象的className变更可以对整体进行样式修改（前提是在style里面将相应的class进行定义）
JS中数组长度可变，类型随意，如使长度变为0：arr.length=0；或者arr=[];
数组声明：var arr=[1,2,3,4,5];
在运行过程中向数组中存数据（一次存入的数据个数不限）：arr.push(i，-i); （将参数i添加进）
在JS控制台中输出东西：如控制台输出arr[i]
console.log(arr[i]);
通过标签生成数组
var aDiv=document.getElementsByTagName('div');
调用当前div的内容通过数组：aDIV[i].innerHTML;
for循环里面不可以写循环的i了,因为循环早已执行完毕，i已经是最大值了，此时用this，如下：
var aLi=document.getElementByTagName('li');
for(var i=0;i<aLi.length;i++){
aLi[i].onclick=function(){
alert(this.innerHTML);
}
}
获取指定的li（获取id为list内的li作为数组）
var oList=document.getElementById('list');
var aLi=oList.getElementByTagName('li');
自定义属性：每一个li都加一个开关（）
js数据类型
数值型（Number）
字符串（String）
布尔型（boolean）
函数型（function）
typeof
+-*/只有加法会将字符串自动连接其他都会将字符串转换为数字
NaN: not a num转换错误的提示
Number（a）；能将数值字符串a进行转换，其他类型字符串不能转换
js中所有的函数都有返回值，只是有些返回值是undefine
console.log(obox.style.width);只能获取行间样式里的属性值
非行间样式只能通过获取函数
console.log(getComputedStyle(obox).width);
或者写成一个函数：
function getstyle（obj，attr）{
return getComputedStyle(obj)[attr];
}
console.log(getstyle(obox,'width')); (实际写的时候要对属性加‘’引号)
在js中if（条件）{
}
路径不能作为条件，颜色不能作为条件（颜色的表示方式太多）
对title的内容获取（不用innerHTML）：document.title=i;
定时器:在一定时间内发生某些事情
第一种定时器:setInterval():特点:勤劳,如果不关闭一直工作,清除clearInterval();
第二种定时器：setTimeOut(),只工作一次，清除 clearTimeOut();
网友评论