js操作属性
title提示作用
document 作用于html标签里
document .getElementById(‘div1’).title ='我看到了';
因为在body最后加载,是因为div都加载完毕以后使用。
整个文档加载完毕以后执行的匿名函数 可以放在上面的解决办法。
window.onlond=function() 浏览器对象。bom对象。定时器,报警提示
var oA =document .getElementById(‘div1’)
写入
oA . href='dsff'
oA .title='dsds'
读取
alert(oA.id)
alert(oA.title)
js换肤
window.onlond=function() 浏览器对象。bom对象。定时器,报警提示
var oline =document .getElementById(‘div1’)
olink.herf='css/a.css'
js操作style属性
window.onlond=function() 浏览器对象。bom对象。定时器,报警提示
var oDiv=document .getElementById(‘div1’)
oDiv.style.color = 'red'
body
<div id=;div1'> sdadsa辅导费</div>
body
font-size不能用 改为fontSize就可以用。
js操作class
window.onlond=function() 浏览器对象。bom对象。定时器,报警提示
var oDiv=document .getElementById(‘div1’)
oDiv.className = 'box1'
js中括号操作属性
window.onlond=function() 浏览器对象。bom对象。定时器,报警提示
var oDiv=document .getElementById(‘div1’)
var oDiv2=document .getElementById(‘div2’)
oDiv2。innerHTML div里面写内容
oDiv2。innerHTML <a>www.d.fd</a>套标签
doucment.write 重绘整个页面。innerHTML 修改某个部分 面试题。
var attr = 'color'
oDiv.['style'] [attr]= red
变量【】表示;
’’代表值;
js函数
function aa()
{
alert('sad')
}
aa();
body
<input type='button' value='xxx' onclick='aa'>
变量和函数预解析
alert(a)
var a =123
undefind 变量解析只是声明提前,赋值没提前。
alert(c) 报错
函数可以再调用后写函数主程序,整个预解析,提前。
匿名函数
window.onlond=function() { 浏览器对象。bom对象。定时器,报警提示
var oDiv=document .getElementById(‘div1’)
oDiv。onclick=myaleart 加括号赋值直接调了。
function myaleart(){
alert(''121w2)
}
匿名函数
oDiv。onclick=function(){
alert('111')
}
}
函数传参
window.onlond=function() { 浏览器对象。bom对象。定时器,报警提示
var oDiv=document .getElementById(‘div1’)
function changestyle(style,value){
oDiv。style【style】=value style是因为传的,但是style里面没这个,所以用【】
}
changestyle('background,','red')
}
window.onlond=function() { 浏览器对象。bom对象。定时器,报警提示
var oDiv=document .getElementById(‘div1’)
changestyle('background,','red')
function changestyle(style,value){
oDiv。style【style】=value style是因为传的,但是style里面没这个,所以用【】
}
}
函数return关键字
type=‘text’ 输入框
return a; 返回a以后。下面的代码都不执行了。
return;直接结束程序。 表单验证。
流程控制语句。
1.条件判断语句 if else
2.条件分支语句 switch case
3.循环语句 for while do while
1.条件判断语句 if else
先读body里面没有这个样式。
先进行的是空的,所以反过来不行。
多重条件判断
if {}
else if{}
else{}
效率不然switch case
switch(today){
case 1:
alert('dss')
break 结束整个switch语句
default:
alert('vvv最后执行的')
可以放上面,不加break也可以,但是万一放上面加break。
}
case1:
case2:
case3:
alert('')
123一起执行
123可以自由变换,用字符串可以。
数组
1.面向对象直接创建
var aRe01 = new Array(1,2,3,'1w') new一个对象
2.常用
var aRe02 =[1,2,3'12ww']
var aRe03=[[1],[2],[3],['12ww']]二维数组。
alert(aRe02[2].length); 3 看多维数组的长度
alert(aRe02[2][1]); 1 获取多层数组的元素
alert(aRe02.length); 获取长度
alert(aRe02【0】) 获取索引
数组常用方法
var a=[1,2,3,4]
var s =a.join('-')
1-2-3-4
var s =a.join('')
1234
a.push(5)
12345
a.pop() 去掉末尾元素
123
a.unshift(0) 数组前面插入
01234
a.shift(); 删除最前面的元素
234
a.reverse() 反转 最后往前排
4321
var aRe02 = ['a','b','c','d','a','b','c','d']
b第一次出现的索引值
var num = aRe02.indexOf('b')
1
增加删除成员
aRe0。splice(2,1) 从索引2开始删除一个元素。
aRe0。splice(2,1,‘e') 删除元素并添加一个新元素。
abedabcd
aRe0.splice(4,4,'e','f')
abedef
网友评论