js操作属性

2018-07-19 本文已影响3人叫我老村长

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

js操作属性

js操作属性

js换肤

猜你喜欢

热点阅读