js操作屬性

js操作屬性

title提示作用

document 作用于html標簽里
document .getElementById(‘div1’).title ='我看到了';
因為在body最后加載,是因為div都加載完畢以后使用。


整個文檔加載完畢以后執(zhí)行的匿名函數(shù) 可以放在上面的解決辦法。
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函數(shù)


function aa()
 {
 alert('sad')
 }
 aa();
 
 body
 <input type='button' value='xxx'  onclick='aa'>

變量和函數(shù)預解析


alert(a)
var a =123
undefind      變量解析只是聲明提前,賦值沒提前。
alert(c)   報錯

函數(shù)可以再調用后寫函數(shù)主程序,整個預解析,提前。


匿名函數(shù)


window.onlond=function()  {            瀏覽器對象。bom對象。定時器,報警提示
    var oDiv=document .getElementById(‘div1’)
    oDiv。onclick=myaleart      加括號賦值直接調了。
    function myaleart(){
    alert(''121w2)
    }
    
    匿名函數(shù)
    oDiv。onclick=function(){
    alert('111')
    }
    
}

函數(shù)傳參

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里面沒這個,所以用【】
    }
    }

函數(shù)return關鍵字

type=‘text’  輸入框

return   a;  返回a以后。下面的代碼都不執(zhí)行了。
return;直接結束程序。     表單驗證。

流程控制語句。
1.條件判斷語句 if else
2.條件分支語句 switch case
3.循環(huán)語句 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最后執(zhí)行的')
        可以放上面,不加break也可以,但是萬一放上面加break。
}

case1:
case2:
case3:
    alert('')
123一起執(zhí)行

123可以自由變換,用字符串可以。

數(shù)組
1.面向對象直接創(chuàng)建
var aRe01 = new Array(1,2,3,'1w') new一個對象


2.常用
var aRe02 =[1,2,3'12ww']
var aRe03=[[1],[2],[3],['12ww']]二維數(shù)組。
alert(aRe02[2].length); 3 看多維數(shù)組的長度
alert(aRe02[2][1]); 1 獲取多層數(shù)組的元素


alert(aRe02.length); 獲取長度
alert(aRe02【0】) 獲取索引


數(shù)組常用方法

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)    數(shù)組前面插入
01234

a.shift();         刪除最前面的元素
234

a.reverse()    反轉 最后往前排
4321

var aRe02 = ['a','b','c','d','a','b','c','d']
b第一次出現(xiàn)的索引值
var num = aRe02.indexOf('b')
1

增加刪除成員
aRe0。splice(2,1) 從索引2開始刪除一個元素。


aRe0。splice(2,1,‘e') 刪除元素并添加一個新元素。
abedabcd


aRe0.splice(4,4,'e','f')
abedef

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容