代码块:一个{}中的语句我们称为一个代码块
用{}语句进行分组,一个中称为是一组语句,要么都执行,要么都不执行
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:<input type="button" value="弹框" onclick="aa()">
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关键字:用于返回函数结果