iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0
自我挑戰組

JavaScript學習日誌系列 第 2

學習日誌02-JS前世今生

1.環境設定

挑選可以文字編輯的軟體,像是VScode、sublime等。
首先要先建立JavaScript檔案的連結

<script src="js/jquery-1.11.1.min.js"></script>

放在HTML裡面,放在 <head> 裡面或者是 <body> 中的最下面。

HTML是由上往下開始閱讀,所以放在最上面 <head> 裡有可能JS效果因為還未讀到內容作用會失效。


2.HTML、CSS、JavaScript 的關聯性

  • HTML --> 內容 (放置文字或圖片等各種內容)
  • CSS --> 樣式 (調整內容的視覺外觀)
  • JavaScript --> 行為 (可控制內容與樣式)

3.ID 寫法、textcontent

CSS ID選取器 : 除了可以用在錨點功能,也可提供JavaScript做控制用。

<h1 id="title1">標題1</h1>

textcontent : JavaScript基本寫法

document.getElementById('title1').textContent = '修改後的標題';

最後試寫呼叫語法結束這節學習

alert('Hello world!!')

上一篇
學習日誌01-前言
下一篇
學習日誌03-變數
系列文
JavaScript學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言