JS开发 一

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();