? ??? JavaScript? ??? ?? ? ??? ??? ?? ??? ???? ? ??? ???? ??? ? ?? ?? ???? ?? ???? ? ????.

??? ? ??? JavaScript? ???? ??? ?? ???? ? ??? ?? ?? ??? ?????? ?? ? ????.
• JavaScript? ? ???? ?? ??? ???? ????? ?? ?????.
?? ???? ?? ???? ???? ???? ?? ??? ?? ? DOM ??? ?? ?? JavaScript ??? ??? ??? ???? ???? ??? ??? ???? ? ????.
• ? ? ?, HTML? ???? ??? ?? ??? ? ?? ?? ????? ????? ?? ??? ??? ? ??? ??? ??? ??? ????? ?? ????. ?? ?? ?? ??? ?? ?? ??? ??, ?? ? ??? ?? ??? ??? ??? ???? ???? ???? ?????? ?? ????. ? ???? ??? ?? ? ???? ????. ?? ?? ??, ? ?? ?? ??, ? ?? ??? ? ?? ??? ???? ? ???? ??? ??? ?? ? ??? ??, ?? ???? ???? ??? ?? ?? ???? ???? ?? ????. ? ?? ???? ??? ? ??? ? ??? ????? ? ? ?? ??? JavaScript? ???? ?? ? ??? ??? ?? ??? ????. ? ??? JavaScript? ? ??? ? ??? ?? ?? ? ??? ? ?? ??? ?????. ? ?? ??? ?? ??? ???? ?? ??? ????? ??? ?????. ? ?? ??? ????? ? ??? ??? ???? ??? ???? "?? ??"????? ?????. ?? ?? cite
? ?? ????? ?? ?? ?? ?? ?? ??? ?? ?????. ? ??? ?? ?? ??? ???? ??? ????? ??? ???? ?? ????? ????? ??????? ?? ??? ??? ????. ?? ?? ?? ??? ?? ?? ???? URL? ?? ???? ??? ?? ??? ?? ? ????. ?? ??? ??? ??? ????? ??? ????? ????. ?? ?? ????? ??? ??? ? ??? ??? ???? ????, ??? ???? ?? ??? ??? ???? ???? ?? ? ??? ??? ????. JavaScript? ???? ????. DOM? ???? ?? ??? ?? ?? ??? ??? ?? ??? ??? ?? ? ? ????. ??? ??? ?? ?? ?????.
• ?? ??? ??? ?? ?????.
• ? ?? ??? dom ??? ? ???? ?? ????? ?? ?? ?? ??? ?? (??? htmlcollection??? ???? ???? ??? ??)? ?????. getElementsByTagName quotes ?? ??? ?? ? ?? ?? ??? ???? ????. ?? ? ???

  ???? ???? ???? ?? ??? ?????. ?? ??? ???? ???? ???? ?????. ?? ??? "??"??? ????. for (var i = 0; i < quotes.length; i ) { ... }

  DOM? ???? ???? ??? HTML ??? ???? ?????? ??? ???? ??? ??? ??? ??? getAttribute ???? ???? ????? ???? ???? ????. ?? ?? ??? 'a'??? ???? HREF ? ?? ??? ????, ? ? ??? URL? ?????.

  var a = document.createElement('a'); a.setAttribute('href', cite); a.setAttribute('title', cite); ?? ??? ???? ???? ??? ??? ? ??? ???? ????????. ?? ??? ??? ???? ???? ?????. DOM? HTML ??? ??? ???? ??? ????? ?? ?? ? ??? ???? ?????

  ???? ???????.

  createElement

  CSS? ???? ??? ??? ???? ???? ?? ? ??? ?? ??? ?? ? ? ????. ?? ??? ??? ??? ???? ???? "blockquotesource"? ???? CSS ??? ?? ? ??

  ? ???? ??? ?????. ? ????, ??? ?? ??? ?? ??? ?? html? ?????. <code>a.appendChild(document.createTextNode('Source'));

  ??, ??? ? ??? ??? ????? ?? ????. ??? ??? ??? ???? ???? ? ?? ??? ???? ??? ?????. ??? ??? ??? ???? ???? :

  createTextNode appendChild

  ? ?? ??? ? ?? ?? ?????. ? ??? ?? ??? ???? ????????.

  ? ??? ? ????. ?? ???? ?????? ?? ??? ???????. ??? ???? ???? ?? ??? ????. ?? ?? ??? ?? ?? ??? Onload ??? ??? ??? ???? ????. ??? ? ????? ? ?? ? ????. JavaScript ??? ?? ???? ?????? ?? ??? ??? ?????? ?? ? ??? ????? ??? ?? ??? ?? JavaScript ??? ???? ????.

  window.onload = extractBlockquoteCitations; // ??? ??? ??? ????? ?? ()? ???? ??? ?????. JavaScript? ?? ????? ???? ?????. ?, ??? ?? ??? ???? ??? ??? ???? ?? ??? ??? ?? ?? ???? ?? ? ? ??? ?????. ?? ??? ??? ??? ?? ? ?? ?? ? ???? ???

  ? ??? ???? ????? ? ?????.

  ???? ????? ? ?? ??? ????. ??? ????? ?????? ??? ? ?? ? ?? ????? ?????

  ? ???? ??? ????? ???? ??? ????????. ??? ??? ?? ?? ???? ?? ?? ?? ?? Window ??? Onload ???? ??? ???? ?????. ?????, ??? ?????? ?? ????? ??? ?? ??? ?? ??? ???? ??? ????. ??? ????? :

  ??? Window Object??? ???? BlockQuotes ??? ???? ?????. window.onload

  ??? ??? CSS? ??? ?????? ????. ??? ?? ??? ???? ??? ??? CSS ?? ? ?????.

  ???? ???? ? ? ????. window.onload

  ?? ??? ?? ? ?? ?? ?? ? ?? ???? ??? ???. ??? ??? ???? ?? ??? ???? ? ?? ??? ?? ? ???? ????. ?? ??? ?? ??? ???? ?? ??? ??? ??? ? ????. ?? ?? ??? ??? ???? ?? ??? ?? ??? ?? ??? ???? ?? ? ?????? ???? ? ?????.

  function extractBlockquoteCitations() {
      var quotes = document.getElementsByTagName('blockquote');
      for (var i = 0; i < quotes.length; i++) {
          var cite = quotes[i].getAttribute('cite');
          if (cite) {
              var a = document.createElement('a');
              a.setAttribute('href', cite);
              a.setAttribute('title', cite);
              a.appendChild(document.createTextNode('Source'));
              var p = document.createElement('p');
              p.className = 'blockquotesource';
              p.appendChild(a);
              quotes[i].appendChild(p);
          }
      }
  }

  ???? ????? ?? javaScript? ??? ??? JavaScript? ?????? ??? ???? ??? ? ?????? ?? ??? ???????. ? ?? ?? JavaScript? ??? ? ? ???? ???? ?? ??? ?????, ? JavaScript ????? ?? ??? ???? ??????? ? ??? ?? ??? ?? ???? URL ? ??? ???????.

  ??? ??? ?? ? ??? ?? ?? ?????.

  `

  ?? 1 addEvent(window, 'load', extractBlockquoteCitations); |

  ??? ?? 1

  ??? ??? ?? 2

  ???`<.> ????, ?? ?? ??? ??? ??? ?? JavaScript? ???? ? ??? ?? ?? ?? ????. ??? ?? ??? ??? ? ??? ??? ???? ???? ??? ?? ?? ??? ???????? ?? ????????.

  // ??? JavaScript? ?? ?????. ???????? ????? ???? "??"? ?? ? ??? ?? ???? ?? ??? ?????. ?? ? ?? ??? ?? HREF ??? ???? ??? ??? ???? ?? ?? ??? ?????. ? ?? ??? ??? ?? ?? ??? "??"???? ???????? ? ?? ?? ? ?????. ?? ??? JavaScript ??? ???? ???? ????? ?? ??? ?? ? ? ????.

  ?? ????? ???? ? ? ????. ??? ?? ?? ??? ?? ??? ?????.

  <a href="http://miracleart.cn/link/65dfa16ba6de9bdb34ea435c9fe2a425" class="toggle">Panel 1</a> | <a href="http://miracleart.cn/link/379d08c7a38df48c777c07ea990a3bcf" class="toggle">Panel 2</a>

  ? ?? ?? ???? ?? ??? ?? ??? ???? ??? ? ??? ????. ? ?????? ??? ??? ?? ??? ?? ??? ? ??? "ET_"( "Easy Toggle"? ??)? ? ??? ???? ???? ??? ?????? ? ?? ?????? ??? ?? ? ???? ?? ???.

  ???? ?? ??? ????? ? ?? ???? true? ???? ??? ?? ??? ???? ??????. ??? ???? ??? ???? ?? ??? ??? ???? ??? ?? ?????. ? ??? ??? ? ????? ??? ? ? ??? ?? ????? ?? ? ? ????.

  ? ??? ?? ?? ? ???? "??"? ???? ??? ?????. ??? ???? ???? ?? ? ?? ???? ?? ? ? ?? ??? ? ???? ?? ???? ?????. ? ?? ??????.

  var et_toggleElements = [];

  ?? ? ??? ??? ??? ?? ? ?? ??? ??? URL ? ????? ?????.

  # ???? ?? href? ?? - ??? ???? ??? # ??? ??? ?? ?? ???? ? ???? ?? ??? ?? ???? ?? ID? ?????.

  /* Initialisation */ function et_init() { var i, link, id, target, first; first = true; for (i = 0; (link = document.links[i]); i ) { ... } ???, ??? ??? ??? ????? ?? ?? ?????.

  ???? ???? ??? ??? ?? ??? ?? ??? ??? ?? ???? ???? ??? ??? ?????. ??? ??? 0?? ????? ??? ????? ?? ??? 1?? ?????. getElementById()

  ??? ??? ?? ??? ? ?? ??? ???? ????. ??? ? ???? ? ?? ??? ???? ????? ???? ?? ??? CSS? "Display : None"? ??? JavaScript? ???? ??? ????. ? ??? ????? ??? ?? ? ? ????. if (first) { first = false; } else { target.style.display = 'none'; }

  ????? ??? ?? ? ???? ???? ??? ??? ? ??? ??? ?????. ?? ??? ??? ???? ????.

  ??, ??? link.onclick = et_toggle; ???? ???? ???? ID? ?????.

  ?? ?? ??? ???? ????? ?? ??? ???? ??? ??? ID? ???? ID? ??? ?? ?? ??? ???? ? ????.

  false? ?????? ??? ? ? ??? ??? ???? ?? ???? ?????? ? ??? ????? ????? ?? ??? ??? ? ????. et_toggle ??? ??? ??? ??? ??? ???? onclick ??? ?? ?? ???? ???? ????.

  function extractBlockquoteCitations() {
      var quotes = document.getElementsByTagName('blockquote');
      for (var i = 0; i < quotes.length; i++) {
          var cite = quotes[i].getAttribute('cite');
          if (cite) {
              var a = document.createElement('a');
              a.setAttribute('href', cite);
              a.setAttribute('title', cite);
              a.appendChild(document.createTextNode('Source'));
              var p = document.createElement('p');
              p.className = 'blockquotesource';
              p.appendChild(a);
              quotes[i].appendChild(p);
          }
      }
  }

  ???? ???? ?? ??? ? ? ????. split

  ?? ? ????? ??? ??? ?? ? ??? ? ??? JavaScript? W3C DOM? ?? ??? ??? ? ?? ??? ? ? ????. ? ???? JavaScript? ??? ??? ???? ??? ??? ??? ?????? ????.
  ?? ?? ??? ? ??? ???? ? JavaScript ??? ?? ??? ?? ?? ????. ??? ??? ????? ??? ????? ? ?? ????

  Aaron Boodman? labels.js Stuart Langridge? ?? ??? ???? ? ??? aqlists Stuart Langridge 's Sorttable Peter Paul-Koch? ??

  javaScript ? ??? ? ??? ?? ?? ?? ?? JavaScript? ??? ? ??? ?????? addEvent JavaScript? ??? ? ??? ? ??? ??? ??? ???? ?? HTML ??? ???? ????. ??? ???? ??, ??, ?? ?? ?????. JavaScript? ??? ??? ???? ?? ? ??? ? ???? ?? ? ? ????. ?? ??, JavaScript? HTML ??? ??? ???? HTML ??? ??? (CSS)? ???? ??? HTML ??? ?? ? ? ????. et_init JavaScript? HTML ??? ??? ?? ??????

  JavaScript? DOC (Document Object Model)? ?? HTML ??? ?? ?????. DOM? JavaScript? ?? ? ??? ? ???? ??? ?????. ?? ??, javaScript?

  ???? ???? ? ??? ??? ??? ?? ?? HTML ??? ?? ? ? ????.

  JavaScript? ??? ??? ?????? document.createTextNode() javaScript? ??? ??? ?? ?? ??? ??? ??? ???? ?? ?????.

  ???? ???? ?? ? ????. ? ???? ?? HTML ??? ?? ? ??? ? ??? ??? ???? ? ???? ???? ???? ?? ? ? ????.

  html? JavaScript? ???? ??? ??????

  > JavaScript? ?? ?? ???? HTML? ?? ? ? ????. ??? ???? html ??? ?? ?? ???? ???

  ??? ?????? ?? JavaScript ??? ?? ? ? ????. ?? ???? ??? ? ?? ? ?? ??? ??? ???? JavaScript ??? ??? ?? ????. document.createTextNode()

  ???? ???? ???
  ???? ? ??? ??? ??? ? ?????. ?? ?? ??? ????? ??? ?? ???? ??????. ????? ? ??? ??? ?? ? ?

  ???? ???? ?? HTML ??? ?? ? ? ????. <script></script> ?? ?? ?? (dom)? ?????? <script></script> DOCING ?? ?? (DOM)? HTML ? XML ??? ????? ????????. ??? ??? ??? ??? ???? ? ??? ??? ??? ?????. JavaScript? DOM? ?? ???? ? ???? ??? ??? ?? ? ? ????. src JavaScript? ???? HTML ??? ??? ???? ??? ?????? onclick javaScript?? ??? ?????? HTML ??? ??? ??? ? ????. ? ??? ??? HTML ???? ??? ???? ? ??? ? ????. ?? ??, ID "myelement"??? ??? ??? ??? ?? ??? ? ????. onload JavaScript? ???? HTML ??? ???? ???? ??? ??????

  javaScript?? ??? ?????? HTML ??? ???? ??? ? ????. ? ??? ??? ?? CSS ??? ???? ?????. ?? ??, ID "myelement"??? ??? ??? ??? ?? ??? ? ????.

  JavaScript? ???? ??? HTML ??? ???? ??? ?????? document.createTextNode() javaScript?

  ???? ???? ??? HTML ??? ?? ? ? ????. ? ???? ? ??? ?? ? ??

  ???? ???? ?? ??? ??? ? ????. ?? ??, ? ??? ??? ??? ?? ?? ??? ?? ? ? ????. document.createTextNode() JavaScript? ??? ??? ??????

  JavaScript? ??? ??? ?? ???? ??? ? ??? JavaScript ??? ???? ? ?????. ? ???? ?? ()? ????? ??? ()?? ?? ???? ?? () ?? ???? ?? ??? ? ????. ??? ??? HTML ??? ??? ?? ?????.

? ??? JavaScript? ?? ?? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!