2024年第三週JavaScript控制網頁HTML文件Document

拷貝以下程式碼至記事本再另存成HTML打開(或直接貼上GOOGLE BLOGGER務必在HTML模式)

<IFRAME SRC="https://zh.wikipedia.org/zh-tw/JavaScript"></IFRAME> 

<P>介紹純文字編輯器EDITOR與瀏覽器BROWSER</p>

<P>介紹哈佛大學資訊科學課程CS505</P>

<P>上課內容HTML, CSS, JAVASCRIPT, PYTHON是哈佛大學CS50的主要內容</p>

<P>CSS是階層樣式表(Cascading Style Sheet)三種使用方式:線內(in-line)、內部(internal)、外部(external)</p>

<P>CSS三種使用方式：線內(in-line)、內部(internal)、外部(external)</P>

<P>CSS內部(internal)法用STYLE/STYLE定義區塊</P>

<P>CSS內部(internal)就是使用網頁內STYLE/STYLE然後有三種設定方式：元素標記、類別CLASS、ID識別</P>

<P>JAVASCRIPT使用方式分：內部(internal)、外部(external)，前者類似CSS內部法，而以SCRIPT/SCRIPT定義區塊</P>

<P>程式語言最重要的三個結構：函數、迴圈、判斷。</P>

<BUTTON ONCLICK="HaHa()">請劉任昌按下</BUTTON>

<SCRIPT>

function HaHa() {

  const paragraphs = document.querySelectorAll("p");

  for (let i = 0; i < paragraphs.length; i++) {

    paragraphs[i].style.background = "lightgreen";

    if (i % 2 == 0) 

    paragraphs[i].style.background = "yellow";

  }

}

</SCRIPT>