iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0
AI & Data

30天網路爬蟲學習系列 第 24

DAY24-認識網頁設計技術與JavaScript(下)

  • 分享至 

  • xImage
  •  

JavaScript

JavaScript原名LiveScript,是一種腳本,也能稱它為程式語言,從歷史觀點來看,網頁是靜態的,類似於書中的頁面。靜態頁面主要以固定配置顯示資訊,並未滿足我們現在對現代網站的期望。JavaScript 讓 Web 應用程式更具動態性,使用 JavaScript,瀏覽器可以回應使用者互動以及變更網頁上的內容配置。隨著多年發展,JavaScript已成為目前瀏覽器最普遍支援的腳本語言,各大瀏覽器Internet Explorer(Edge)、Chrome、Firefox都支援JavaScript。


JavaScript的基本功能:

  • 動態網頁內容:JavaScript可以輸出HTML標籤與使用程式碼來更改輸出內容,建立動態網頁內容。

  • 更改HTML標籤的樣式和屬性:對於HTML標籤的屬性和CSS樣式,JavaScript可以取得屬性和樣式值,並且動態更改其值。

  • 表單驗證和送出:JavaScript能夠撰寫程式碼在HTML表單資料送出到伺服器前,驗證使用者輸入的資料是否正確,建立客戶端表單欄為驗證的規則。

  • 處理網頁或HTML標籤的事件:JavaScript能夠建立HTML網頁或標籤的事件處理,列如:當HTML網頁載入完成、按下按鈕或超連結等HTML標籤的事件。

  • 建立Web應用程式:JavaScript是客戶端的腳本語言,可以在主從架構應用程式建立客戶端應用程式,搭配伺服端技術的應用程式來建構完整Web基礎的應用程式平台。


HTML、CSS和JavaScript

HTML、CSS和JavaScript是瀏覽器產生網頁內容的鐵三角,我們可以將網頁分成內容、外觀和行為,HTML是建立內容,CSS樣式化內容來顯示外觀,和JavaScript建立網頁行為的動態內容。對於網路爬蟲來說,我們要擷取的是HTML標籤中的資料,CSS外觀不會影響HTML標籤中的資料,但是JavaScript可以建立動態網頁內容,可以在客戶端更改HTML標籤,當執行JavaScript後,如果更改的HTML標籤就是我們的目標資料,就會影響擬訂的Python目標策略。
Web Scraper擴充功能因為能夠完整執行JavaScript,所以從Web Scraper看到的網頁內容就是瀏覽器的顯示內容。


今天的分享就先到這邊,我們明天見~ /images/emoticon/emoticon41.gif

網站參考內容:https://aws.amazon.com/tw/what-is/javascript/
書籍參考內容:文科生也可以輕鬆學習網頁爬蟲


上一篇
DAY23-認識網頁設計技術與JavaScript(上)
下一篇
DAY25-認識Python網路爬蟲
系列文
30天網路爬蟲學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言