它的JS與HTML標簽是分離的嗎

StonePanda 發布于2019-08-20 18:00 / 1150人閱讀

一個單的利用JS切換圖片的功能

寫法1：

  
      JS切換圖片
      
        
        
        
        
    
    圖片描述
    
    
    
      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切換圖片
      
        
        
        
        
    
    圖片描述
    
    
    
    window.onload=prepareGallery;
function prepareGallery(){
  //找到圖片集
  var gallery=document.getElementById("img_gallert");
  // 圖片集的a元素節點
  var link=gallery.getElementsByTagName("a");
  // 遍歷節點
  for(var i=0;i
雖然功能都一樣，但是寫法2卻更好JS不會因為HTML里的代碼改變了，就導致無法執行。
好的JS應該與HTML標簽是分離的。后期維護更加方便

GPU云服務器云服務器 ecs云服務器是彼此分離的嗎 html5元素與標簽 html標簽的顏色是 html的新標簽是

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84004.html

它的JS與HTML標簽是分離的嗎

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

Ku_Andrew 2019-08-01 17:10 評論0 收藏0
[譯] 逐漸去掌握 React（作為一名 Angular 開發者）

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

channg 2019-08-21 14:07 評論0 收藏0
React 可視化開發工具 Shadow Widget 非正經入門（之二：分離界面設計）

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

Carl 2019-08-21 11:44 評論0 收藏0
前端面試寶典

摘要：優雅降級觀點優雅降級觀點認為應該針對那些最高級最完善的瀏覽器來設計網站。面試官希望聽到是。在前端構建中應該考慮微格式嗎微格式是一種讓機器可讀的語義化詞匯的集合，是結構化數據的開放標準。一、HTML和CSS 你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什么?IE: trident內核Firefox：gecko內核Safari:webkit內核Opera:以前是presto內核...

ChanceWong 2019-08-29 12:31 評論0 收藏0