国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

它的JS與HTML標(biāo)簽是分離的嗎

Ku_Andrew / 3442人閱讀

一個(gè)單的利用JS切換圖片的功能

寫法1：

  

      
JS切換圖片

      
    
        
    • 
        
    • 
        
    • 
        
    • 
    

    
圖片描述

    img fult
    

    
      function showPic(whichpic){
      //改變圖片
    var source =  whichpic.getAttribute("href");
    var placeholder=document.getElementById("placeholder");
    placeholder.setAttribute("src",source);
    //改變圖片描述
    function showPic_description(){
      var text=whichpic.getAttribute("title");
      var pic_desciption=document.getElementById("pic_desciption");
      pic_desciption.childNodes[0].nodeValue=text;
    };
  };

寫法2：


      
JS切換圖片

      
    
        
    • 
        
    • 
        
    • 
        
    • 
    

    
圖片描述

    img fult
    

    
    window.onload=prepareGallery;
function prepareGallery(){
  //找到圖片集
  var gallery=document.getElementById("img_gallert");
  // 圖片集的a元素節(jié)點(diǎn)
  var link=gallery.getElementsByTagName("a");
  // 遍歷節(jié)點(diǎn)
  for(var i=0;i

雖然功能都一樣，但是寫法2卻更好JS不會(huì)因?yàn)镠TML里的代碼改變了，就導(dǎo)致無(wú)法執(zhí)行。
好的JS應(yīng)該與HTML標(biāo)簽是分離的。后期維護(hù)更加方便

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50992.html

相關(guān)文章

  • 它的JS與HTML標(biāo)簽是分離的嗎

    一個(gè)單的利用JS切換圖片的功能showImg(https://segmentfault.com/img/bVQTPa?w=1094&h=748);寫法1： JS切換圖片 圖片描述 function showPic(whichpic){ ...

    StonePanda 評(píng)論0 收藏0

  • [譯] 逐漸去掌握 React（作為一名 Angular 開發(fā)者）

    摘要：你是一個(gè)對(duì)感興趣的開發(fā)者嗎不用擔(dān)心，這真的不會(huì)讓你成為一個(gè)背叛者或其他什么，真的。事實(shí)上，這個(gè)想法并不是或獨(dú)創(chuàng)的它只是一種很棒的軟件開發(fā)實(shí)踐方式。把代碼分離到不同的文件里并不會(huì)自動(dòng)導(dǎo)致關(guān)注點(diǎn)分離。 原文鏈接 : Getting to Grips with React (as an Angular developer)原文作者 : DAVE CEDDIA譯者 : 李林璞（web前端領(lǐng)域）...

    channg 評(píng)論0 收藏0

  • React 可視化開發(fā)工具 Shadow Widget 非正經(jīng)入門（之二：分離界面設(shè)計(jì)）

    摘要：本篇講解轉(zhuǎn)義標(biāo)簽投影定義，這幾項(xiàng)與如何分離界面設(shè)計(jì)有關(guān)。找一個(gè)替代品如上一篇非正經(jīng)入門之一所述，要克服漿糊的不利影響，要找一個(gè)替代品。本文完本專欄歷史文章介紹一項(xiàng)讓可以與抗衡的技術(shù)可視化開發(fā)工具非正經(jīng)入門之一三宗罪 本系列博文從 Shadow Widget 作者的視角，解釋該框架的設(shè)計(jì)要點(diǎn)。本篇講解轉(zhuǎn)義標(biāo)簽、json-x、投影定義，這幾項(xiàng)與 如何分離界面設(shè)計(jì) 有關(guān)。 ? 1. 找一個(gè) ...

    Carl 評(píng)論0 收藏0

  • 前端面試寶典

    摘要：優(yōu)雅降級(jí)觀點(diǎn)優(yōu)雅降級(jí)觀點(diǎn)認(rèn)為應(yīng)該針對(duì)那些最高級(jí)最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。面試官希望聽到是。在前端構(gòu)建中應(yīng)該考慮微格式嗎微格式是一種讓機(jī)器可讀的語(yǔ)義化詞匯的集合，是結(jié)構(gòu)化數(shù)據(jù)的開放標(biāo)準(zhǔn)。 一、HTML和CSS 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)？這些瀏覽器的內(nèi)核分別是什么?IE: trident內(nèi)核Firefox：gecko內(nèi)核Safari:webkit內(nèi)核Opera:以前是presto內(nèi)核...

    ChanceWong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<