劉宜蒨 Java Script 9/23
介紹純文字編輯器EDITOR與瀏覽器BROWSER
介紹哈佛大學資訊科學課程CS505
上課內容HTML, CSS, JAVASCRIPT, PYTHON是哈佛大學CS50的主要內容
CSS是階層樣式表(Cascading Style Sheet)三種使用方式:線內(in-line)、內部(internal)、外部(external)
CSS三種使用方式：線內(in-line)、內部(internal)、外部(external)
CSS內部(internal)法用STYLE/STYLE定義區塊
CSS內部(internal)就是使用網頁內STYLE/STYLE然後有三種設定方式：元素標記、類別CLASS、ID識別
JAVASCRIPT使用方式分：內部(internal)、外部(external)，前者類似CSS內部法，而以SCRIPT/SCRIPT定義區塊
程式語言最重要的三個結構：函數、迴圈、判斷。
P代表PARAGRAPH段落，BUTTON按鍵，CLICK按下
ONCLICK命令，按下就執行後面的函數
Java Script 以下SCRIPT(腳本)的開始是程式設計還是網頁
SCRIPT>
function HaHa() {/*定義函數function名稱自訂HaHa*/
const paragraphs = document.querySelectorAll("p");/**/
for (let i = 0; i < paragraphs.length; i++) {
paragraphs[i].style.background = "pink";
if (i % 2 == 0)
paragraphs[i].style.background = "yellow";
}
}
function myMove() {
let id = null;
const elem = document.getElementById("animate");
let pos = 0;
clearInterval(id);
id = setInterval(frame, 5);
function frame() {
if (pos == 350) {
clearInterval(id);
} else {
pos++;
elem.style.top = pos + 'px';
elem.style.left = pos + 'px';
}
}
}
留言
張貼留言