筆記:充實(shí)文檔內(nèi)容匿垄、CSS-DOM、動(dòng)畫

筆記:充實(shí)文檔內(nèi)容归粉、CSS-DOM椿疗、動(dòng)畫

充實(shí)文檔內(nèi)容

一般不會(huì)用JS添加重要內(nèi)容到網(wǎng)頁上,主要因?yàn)榫W(wǎng)絡(luò)爬蟲(各大搜索引擎的)不一定支持JS糠悼。JS應(yīng)知用來充實(shí)文檔內(nèi)容届榄,而避免用DOM技術(shù)創(chuàng)建核心內(nèi)容。

<abbr>和<acronym>:HTML5中绢掰,<acronym>已被<abbr>替代痒蓬,但在IE早期版本可能會(huì)導(dǎo)致一些問題,利用平穩(wěn)退化的方案(IE瀏覽器在統(tǒng)計(jì)abbr元素的子節(jié)點(diǎn)個(gè)數(shù)總是會(huì)返回一個(gè)錯(cuò)誤的值“0”滴劲,所以在從abbr元素提取屬性值和文本值的循環(huán)中添加if(current_abbr.childNodes.length < 1) continue;語句解決)

blockquot元素攻晒,其包含一個(gè)屬性cite“嗤冢可以給其一個(gè)URL地址鲁捏,來表示元素內(nèi)容引自哪里。

注意:在編寫DOM腳本時(shí)萧芙,會(huì)想當(dāng)然的認(rèn)為某個(gè)節(jié)點(diǎn)一定是一個(gè)元素節(jié)點(diǎn)给梅,這容易犯錯(cuò),方法是檢查nodeType屬性值双揪,有很多DOM方法只能用于元素節(jié)點(diǎn)动羽,而不能用于文本節(jié)點(diǎn)等。

accesskey屬性渔期,可以把一個(gè)元素(如鏈接)與肩旁上某個(gè)特定案件關(guān)聯(lián)在一起运吓。Win平臺(tái)下用法是按下Alt鍵和特定按鍵;Mac下按下Ctrl鍵和特定按鍵

檢索和添加信息:創(chuàng)建縮略語列表疯趟、文獻(xiàn)來源鏈接拘哨、快捷鍵清單來使網(wǎng)頁變得更有條理,更易預(yù)覽信峻。

CSS-DOM

三層信息:

  • 結(jié)構(gòu)層(HTML等標(biāo)記語言創(chuàng)建)
  • 表示層(CSS)
  • 行為層(JS語言倦青、DOM)

他們?cè)O(shè)計(jì)應(yīng)盡量分離

style屬性

style屬性是一個(gè)對(duì)象

element.style.property

JS吧”-“視為一個(gè)減法運(yùn)算,故不允許出現(xiàn)在標(biāo)量名和函數(shù)中盹舞,當(dāng)CSS樣式中出現(xiàn)連字符产镐,如”font-size“隘庄,DOM用駝峰命名法表示,如”fontSize“磷账。

style屬性只能返回內(nèi)嵌樣式峭沦,同時(shí)style對(duì)象的屬性只能放在引號(hào)里。

用DOM腳本設(shè)置樣式

nextSibling屬性查找文檔中的下一個(gè)節(jié)點(diǎn)逃糟。headers[i].nextSibling

創(chuàng)建一個(gè)getNextElement函數(shù)來尋找下一個(gè)元素節(jié)點(diǎn)

function getNextElement(node) {
    if(node.nodeType == 1) {
        return node;
    }
    if (node.nextSibling) {
        return getNextElement(node.nextSibling);
    }
    return null;
}

className屬性

element.className = value;這樣設(shè)置某個(gè)元素的class屬性是將替換而不追加吼鱼;

用字符串拼接操作可以完成追加className

elem.className += ”intro”;

抽象:編寫通用函數(shù)

動(dòng)畫效果

時(shí)間

setTimeout() 方法

setTimeout(code,millisec)

code:要調(diào)用的函數(shù)后要執(zhí)行的 JavaScript 代碼串。

millisec:在執(zhí)行代碼前需等待的毫秒數(shù)绰咽。

clearTimeout函數(shù)可以取消“等待執(zhí)行”

setInterval() 方法

setInterval(code,millisec[,"lang"])

code:要調(diào)用的函數(shù)或要執(zhí)行的代碼串菇肃。

millisec:周期性執(zhí)行或調(diào)用 code 之間的時(shí)間間隔,以毫秒計(jì)取募。

parseInt()函數(shù)可以把字符串里的數(shù)值信息提取出來琐谤。

針對(duì)賦值為字符串而不是數(shù)值的問題。

var xpos = parseInt(elem.style.left);

elem.style.left = xpos + "px";

變量作用域問題:創(chuàng)建一個(gè)屬性來消除變量作用域的影響玩敏。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末斗忌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子旺聚,更是在濱河造成了極大的恐慌织阳,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件砰粹,死亡現(xiàn)場(chǎng)離奇詭異唧躲,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)碱璃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門弄痹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人嵌器,你說我怎么就攤上這事肛真。” “怎么了爽航?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵毁欣,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我岳掐,道長(zhǎng),這世上最難降的妖魔是什么饭耳? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任串述,我火速辦了婚禮,結(jié)果婚禮上寞肖,老公的妹妹穿的比我還像新娘纲酗。我一直安慰自己衰腌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布觅赊。 她就那樣靜靜地躺著右蕊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吮螺。 梳的紋絲不亂的頭發(fā)上饶囚,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音鸠补,去河邊找鬼萝风。 笑死,一個(gè)胖子當(dāng)著我的面吹牛紫岩,可吹牛的內(nèi)容都是我干的规惰。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼泉蝌,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼歇万!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起勋陪,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤贪磺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后粥鞋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缘挽,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年呻粹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了壕曼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡等浊,死狀恐怖腮郊,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情筹燕,我是刑警寧澤轧飞,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站撒踪,受9級(jí)特大地震影響过咬,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜制妄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一掸绞、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧耕捞,春花似錦衔掸、人聲如沸烫幕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽较曼。三九已至,卻和暖如春振愿,著一層夾襖步出監(jiān)牢的瞬間捷犹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工埃疫, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留伏恐,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓栓霜,卻偏偏與公主長(zhǎng)得像翠桦,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子胳蛮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容