js操作属性

作者: 叫我老村长 | 来源:发表于2018-07-19 08:28 被阅读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操作style属性、JS操作clas

    JS操作属性: JS换肤: JS操作style属性: JS操作class: JS中括号操作属性: JS函数: JS...

  • JS属性

    JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...

  • JS操作属性 定时器和函数

    JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...

  • 前端(十二)2

    1.代码块 2.js操作属性 3.js换肤 4.js操作style属性 5.js操作 6.js中括号操作属性 7....

  • JS-12day

    1、js操作style属性 2、js操作属性 3、js函数 4、js换肤 5、js换肤可控制 6、js中括号操作属...

  • 前端笔记10

    条件运算符 运算符优先级 代码块 js操作属性 换肤 js操作style属性 js操作class属性 js中括号操...

  • JS操作属性、函数

    条件运算符 运算符的优先级 代码块 JS操作属性 JS换肤 JS操作style属性 JS操作

  • JS操作属性 定时器 和 函数

    JS操作style属性 JS操作class JS操作括号属性 一、定时器分类 setTimeout 只执行一次的定...

  • JS操作属性、函数

    JS操作style属性 JS操作class属性 函数 匿名函数 函数传参 作业 if练习 switch练习

  • 运算符及js操作属性

    关系运算符 相等运算符 条件运算符 运算符的优先级 代码块 js操作属性 js操作style属性 js操作clas...

网友评论

    本文标题:js操作属性

    本文链接:https://www.haomeiwen.com/subject/eyszpftx.html