HTML——script

任務

目標便是此，經過一段時間的前期積累，來到這裏，不得不說，用這個編輯器寫文章便有部分貼合網頁語言，所以學習一些實例理解還算容易。

內容

<script> 標籤用於定義客戶端腳本，比如 JavaScript。
<script> 元素既可包含腳本語句，也可通過 src 屬性指向外部腳本文件。
JavaScript 最常用於圖片操作、表單驗證以及內容動態更新。

多個js同時進行

只要將標籤寫入即可
兩個合併不能有效運行

修改網頁內容

文字部分

1. 創立對象指向網頁內容

<h1 name="message" id="myElement">what?</h1>//網頁元素

var myElement = document.getElementById('myElement');//通過id獲得頁面上的元素

2. 修改

myElement.textContent = ev.type+" x:"+ev.center.x+"y:"+ev.center.y;//將文字內容修改

圖像部分

1. 通過類獲得網頁內容

 <img id="img" class="pic" src="1105飛屏/1104飛屏-01.jpg" />

const displayedImg = document.querySelector('.pic');

2. 修改圖片的來源

displayedImg.setAttribute('src', '1105飛屏/1104飛屏-03.jpg');

總結

由上述即可實現交互操作對頁面內容的改變