JavaScript入門篇練習代碼筆記

来源:https://www.cnblogs.com/dhnblog/archive/2020/04/10/12677077.html
-Advertisement-
Play Games

摘要:通過學習快速認識JavaScript,熟悉JavaScript基本語法、視窗交互方法和通過DOM進行網頁元素的操作,學會如何編寫JS代碼,如何運用JavaScript去操作HTML元素和CSS樣式,JavaScript入門篇分為四個章節,能夠讓你快速入門,為JavaScript深入學習打下基礎 ...


摘要:通過學習快速認識JavaScript,熟悉JavaScript基本語法、視窗交互方法和通過DOM進行網頁元素的操作,學會如何編寫JS代碼,如何運用JavaScript去操作HTML元素和CSS樣式,JavaScript入門篇分為四個章節,能夠讓你快速入門,為JavaScript深入學習打下基礎。

第1章 請做好準備

本章節主要講解如何在HTML文件中添加JavaScript代碼,掌握必備的基礎語法

  • 1-1 為什麼學習JavaScript
  • 1-2 新朋友你在哪裡(如何插入JS)
  • 1-3 我也可以獨立(引用JS外部文件)
  • 1-4 找到你的位置(JS在頁面中的位置)
  • 1-5 JavaScript-認識語句和符號
  • 1-6 JavaScript-註釋很重要
  • 1-7 JavaScript-什麼是變數
  • 1-8 JavaScript-判斷語句(if...else)
  • 1-9 JavaScript-什麼是函數

第2章 請和我互動(常用互動方法)

本章節主要講解如何向網頁中輸入內容,如何與瀏覽器視窗進行交互,通過簡單的對象方法就可以輕鬆實現。

  • 2-1 JavaScript-輸出內容(document.write)
  • 2-2 JavaScript-警告(alert 消息對話框)
  • 2-3 JavaScript-確認(confirm 消息對話框)
  • 2-4 JavaScript-提問(prompt 消息對話框)
  • 2-5 JavaScript-打開新視窗(window.open)
  • 2-6 JavaScript-關閉視窗(window.close)
  • 2-7 編程練習

第3章 你也有控制權(DOM操作)

如何用JavaScript去操作HTML元素和CSS樣式,實現簡單的動態操作。

  • 3-1 認識DOM
  • 3-2 通過ID獲取元素
  • 3-3 innerHTML 屬性
  • 3-4 改變 HTML 樣式
  • 3-5 顯示和隱藏(display屬性)
  • 3-6 控制類名(className 屬性)

第4章 編程挑戰

不斷實踐,提高技能。

  • 4-1 編程挑戰

JavaScript入門篇練習代碼筆記(點擊下載)


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • MongoDB可以通過web界面監控資料庫,預設情況下該選項是關閉的,需要在啟動的時候開啟。啟用web 控制台,需要在啟動mongodb的時候,加上:--httpinterface 啟動MongoDB,觀察輸出的日誌信息: 使用瀏覽器訪問28017埠,即可看到MongoDB的Web Console ...
  • 首先,我們來瞭解一下Oracle的記憶體結構,如下: 關於Oracle的記憶體結構,詳情請查看:【趙強老師】Oracle資料庫的記憶體結構 (一)PGA的組成結構 PGA主要由以下三部分組成: 私有SQL區(Private SQL Area):私有SQL區包含了綁定變數值和運行時期記憶體結構信息等數據。 游 ...
  • 目錄 一、MongoDB介紹 二、搭建MongoDB 三、Java With MongoDB 四、Spring Session MongoDB 五、MongoDB開發規範及示例 六、MongoDB + NodeJS "詳見附件:MongoDB介紹及開髮指南_20200409224211.pdf" M ...
  • 前言: 還記得那是2018年的一個夏天,天氣特別熱,我一邊擦汗一邊聽領導大刀闊斧的講述自己未來的改革藍圖。會議開完了,核心思想就是:我們要搞一個數據大池子,要把公司能灌的數據都灌入這個大池子,然後讓別人用 各種姿勢 來撈這些數據。系統從開始打造到上線差不多花了半年多不到一年的時間,線上穩定運行也有一 ...
  • AbsorbPointer AbsorbPointer是一種禁止用戶輸入的控制項,比如按鈕的點擊、輸入框的輸入、ListView的滾動等,你可能說將按鈕的 設置為null,一樣也可以實現,是的,但AbsorbPointer可以提供多組件的統一控制,而不需要你單獨為每一個組件設置。 用法如下: 預設情況 ...
  • 為表達全國各族人民對抗擊新冠肺炎疫情鬥爭犧牲烈士和逝世同胞的深切哀悼,國務院發佈公告, 決定2020年4月4日舉行全國性哀悼活動。 在此期間,全國和駐外使領館下半旗誌哀,全國停止公共娛樂活動。4月4日10時起,全國人民默哀3分鐘,汽車、火車、艦船鳴笛,防空警報鳴響。 這一天,我們看到幾乎所有的網頁、 ...
  • 今天在推特上看到一篇關於性能優化不錯的文章,是前蘋果開發人員寫的,翻譯了一下與大家分享 作為開發人員,良好的性能對於使我們的用戶感到驚喜和喜悅是無價的。iOS用戶具有很高的標準,如果你的應用程式反應很慢或在記憶體壓力下崩潰,他們將停止使用它,或者更糟糕的是,你的評論會很糟糕。 在過去的6年中,我在Ap ...
  • 哈嘍小伙伴們,愛說‘廢’話的Z又回來了,歡迎來到Super IT曾的博客時間,上一節說了字元串,面向對象以及json的知識,這一節我們繼續我們知識的海洋,一起奮鬥不禿頭!不足的歡迎提問留言。我發誓我真的沒有P圖😂,沒想到這個系列被小編看上了,從發佈這個系列起就都上熱門了,怪害羞的,哈哈讓人老臉一... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...