2019-10-27第十四天

代码块：

代码块：一个{}中的语句我们称为一个代码块

用{}语句进行分组，一个中称为是一组语句，要么都执行，要么都不执行

js中的代码块只具有分组的作用，在外部是完全可见的

js操作属性：div盒子中title标签作为提示标签（鼠标箭头放上则会显示的内容）

window.onload=function（）{}：是整个文档加载完之后执行的一个代码

eg：获取盒子内容并更改title内容：

{document.getElementById('div1').title = "i had see";}

js换肤：将盒子中href属性更改为另一个地址

js操作style属性：

p：带减号的样式属性用小驼峰样式，其他的无分别

window.onload = function(){

var div1 = document.getElementById('div1');

div1.style.color = 'yellow';

div1.style.background = 'gold';

div1.style.fontSize = '30px';}

js操作class：

p：class属性应用className改变

将盒子的class属性改为box02

window.onload = function(){

var div1 = document.getElementById('div1');

div1.className = 'box02';}

js中括号属性：

例如div1.style.color = 'yellow';可写为：div1.style[color] = 'yellow';   即：用[]代替.

innerHTML是js属性写在其他地方则失效。

document.write和innerHTML的区别

document.write只能重绘整个页面

innerHTML可以重绘页面的一部分（类似插入添加一个内容）

js函数：用function aa(){}  定义一个函数；用aa()调用

设置button框中调函数，就什么时候点什么时候调

eg：

js可控制换肤：定义两个函数，将第二个函数盒子地址指向为新地址，设置按钮

变量与函数预解析：

预解析变量声明提前但值不提前

预解析函数调用可放在函数前面，调用正常执行

匿名函数：不定义函数名称function(){} 。类似窗口函数

函数传参：changeStyle("color","gold");

changeStyle("background","red");

changeStyle("width","300px");

changeStyle("height","300px");

changeStyle("fontSize","30px");

function changeStyle(styl,val){

oDiv.style[styl] = val;

}

return关键字：用于返回函数结果