JavaScript基礎:學習JavaScript語言的基本語法和常用操作,了解網頁交互的基本原理

JavaScript是一種廣泛應用于網頁開發中的腳本語言,它可以與HTML和CSS一起使用,實現網頁交互及動態效果。

以下是JavaScript的基本語法和常用操作:

  1. 變量聲明:使用var、let或const關鍵字聲明變量。
var?name?=?"John";
let?age?=?25;
const?PI?=?3.14;
  1. 數據類型:包括字符串、數字、布爾值、數組、對象等。
var?message?=?"Hello!";
var?num?=?10;
var?isTrue?=?true;
var?fruits?=?["apple",?"orange",?"banana"];
var?person?=?{name:?"John",?age:?25};
  1. 運算符:包括算術運算符(+、-、*、/)、比較運算符(==、!=、>、<)、邏輯運算符(&&、||、!)等。
var?x?=?5;
var?y?=?10;
var?z?=?x?+?y;
var?isGreater?=?x?>?y;
var?isLogicalAnd?=?x?<?10?&&?y?>?5;
  1. 條件語句:使用if語句根據條件執行不同的代碼塊。
var?age?=?18;
if?(age?>=?18)?{
???console.log("成年人");
}?else?{
???console.log("未成年人");
}
  1. 循環語句:使用for循環或while循環重復執行代碼塊。
for?(var?i?=?0;?i?<?5;?i++)?{
???console.log(i);
}

var?i?=?0;
while?(i?<?5)?{
???console.log(i);
???i++;
}
  1. 函數:使用function關鍵字定義函數,實現代碼的封裝和重復利用。
function?sayHello(name)?{
???console.log("Hello,?"?+?name?+?"!");
}

sayHello("John");
  1. 事件處理:使用addEventListener方法給元素添加事件監聽器,實現對用戶操作的響應。
document.getElementById("myButton").addEventListener("click",?function()?{
???console.log("按鈕被點擊了!");
});
  1. 修改HTML內容:使用innerHTML屬性修改HTML元素的內容。
document.getElementById("myElement").innerHTML?=?"新內容";

通過學習JavaScript的基本語法和常用操作,你可以使用JavaScript實現網頁的交互功能,例如表單驗證、動態更新頁面內容等。

本文由 mdnice 多平臺發布

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/38228.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/38228.shtml
英文地址,請注明出處:http://en.pswp.cn/news/38228.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

bug的生命周期

bug的生命周期 bugbug的生命周期bug等級 bug 當且僅當規格說明書是存在的并且正確的&#xff0c;程序和規格說明書之間的不匹配才是錯誤當產品規格說明書沒有提到時&#xff0c;以用戶需求為準&#xff0c;當程序最終沒有實現用戶的合理預期的功能要求時&#xff0c;就是軟件錯…

Sencha Ext.NET Crack,構建Blazing快速應用

Sencha Ext.NET Crack,構建Blazing快速應用 Sencha Ext.NET是一個高級的ASP.NET核心組件框架&#xff0c;它包含了強大的跨瀏覽器Sencha Ext JS庫。通過140多個預構建和專業測試的UI組件實現企業級性能和生產效率。Sencha Ext.NET使用尖端的Web技術創建功能強大的Web應用程序&a…

Hlang社區項目說明

文章目錄 前言Hlang社區技術前端后端 前言 Hello,歡迎來到本專欄&#xff0c;那么這也是第一次做這種類型的專欄&#xff0c;如有不做多多指教。那么在這里我要隆重介紹的就是這個Hlang這個項目。 首先&#xff0c;這里我要說明的是&#xff0c;我們的這個項目其實是分為兩個…

發布屬于自己的 npm 包

1 創建文件夾&#xff0c;并創建 index.js 在文件中聲明函數&#xff0c;使用module.exports 導出 2 npm 初始化工具包&#xff0c;package.json 填寫包的信息&#xff08;包的名字是唯一的&#xff09; npm init 可在這里寫包的名字&#xff0c;或者一路按回車&#xff0c;后…

openeuler服務器 ls 和ll 命令報錯 command not found...

在openeuler服務器執行 ls 和ll 命令報錯 command not found... 大概是系統環境變量導致的問題。 我在安裝redis是否沒有安裝成功后就出現了這樣的情況。編輯profile文件沒有寫正確&#xff0c;導致在命令行下ls 和 ll 等命令不能夠識別。 重新設置一下環境變量。 export PAT…

linux bash快捷鍵

1、^abc-^-123: 這個命令用于運行上一個命令&#xff0c;并將其中的"abc"替換為"123"。 示例&#xff1a;如果上一個命令是echo abc&#xff0c;則運行^abc-^-123后會執行命令echo 123。 2、!!: 這個命令用于重復執行上一條命令。 示例&#xff1a;如果上…

【【STM32-USART串口協議】】

STM32-USART串口協議 USART串口協議 ?通信的目的&#xff1a;將一個設備的數據傳送到另一個設備&#xff0c;擴展硬件系統 ?通信協議&#xff1a;制定通信的規則&#xff0c;通信雙方按照協議規則進行數據收發 就是我們并不能在芯片上設計完全部的一下子完成所有的設計&…

【Realtek sdk-3.4.14b】RTL8197F+RTL8812F歐洲屏蔽5G天氣雷達信道DFS信道120、124、128方法

需求描述 對于歐洲國家來說,默認支持DFS信道,但是有三個信道比較特殊,是天氣雷達信道,如下圖所示120、124、128,天氣雷達信道有個特點就是在信號可以發射之前需要檢測靜默15min,如果信道自動選擇到了天氣雷達信道,就會有15min的時間無法連接到WiFi熱點,嚴重影響用戶體驗…

安防視頻監控有哪些存儲方式?哪種存儲方式最優?

視頻監控系統涉及到大量的視頻數據&#xff0c;需要對這些數據進行存儲&#xff0c;以備日后查看或備份。視頻監控的存儲需求需要根據場所的實際情況進行選擇&#xff0c;以保證監控數據的有效存儲和日后的調閱、回溯。 當前視頻監控的存儲方式&#xff0c;通常有以下幾種&…

SharePoint 審核和監控工具

審核在順利的 SharePoint 管理中起著重要作用&#xff0c;尤其是在滿足法規遵從性和取證要求方面。為避免數據泄露&#xff0c;必須了解誰來自哪個組訪問了哪個文檔&#xff0c;以及誰創建或刪除了網站或網站集。 審核 SharePoint 服務器 SharePoint采用率的提高導致企業在其…

spring中時間格式化的兩種方式

方法一&#xff1a;自己格式化 自己寫一個格式化的類&#xff0c;把date類型的時間傳進去&#xff1a; public class DateUtil {public static String formatDate(Date date){SimpleDateFormat simpleDateFormatnew SimpleDateFormat("yyyy-MM-dd HH:mm:ss");retur…

2021年09月 C/C++(二級)真題解析#中國電子學會#全國青少年軟件編程等級考試

第1題&#xff1a;字符統計 給定一個由a-z這26個字符組成的字符串&#xff0c;統計其中哪個字符出現的次數最多。 輸入 輸入包含一行&#xff0c;一個字符串&#xff0c;長度不超過1000。 輸出 輸出一行&#xff0c;包括出現次數最多的字符和該字符出現的次數&#xff0c;中間以…

NFT Insider#102:The Sandbox重新上線LAND橋接服務,YGG加入Base生態

引言&#xff1a;NFT Insider由NFT收藏組織WHALE Members(https://twitter.com/WHALEMembers)、BeepCrypto&#xff08;https://twitter.com/beep_crypto&#xff09;聯合出品&#xff0c;濃縮每周NFT新聞&#xff0c;為大家帶來關于NFT最全面、最新鮮、最有價值的訊息。每期周…

Qt在mac安裝

先在app store下載好Xcode 打開Xcode 隨便建個文件給它取個名字找個地方放提醒沒建立git link,不用理他打開終端, 輸入/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Android Settings 無障礙設置顯示大小頁面重復加載問題

基于Android 11&#xff0c;跟蹤源碼 顯示大小頁面 packages/apps/Settings/src/com/android/settings/display/PreviewSeekBarPreferenceFragment.java 通過commit() 提交更新頁面顯示大小。該方法是是在其父類PreviewSeekBarPreferenceFragment 實現調用。 基類預覽滑動進度…

leetcode做題筆記80刪除有序數組中的重復項 II

給你一個有序數組 nums &#xff0c;請你 原地 刪除重復出現的元素&#xff0c;使得出現次數超過兩次的元素只出現兩次 &#xff0c;返回刪除后數組的新長度。 不要使用額外的數組空間&#xff0c;你必須在 原地 修改輸入數組 并在使用 O(1) 額外空間的條件下完成。 說明&…

【數據庫】P3 排序檢索數據 ORDER BY

ORDER BY 單個列排序多個列排序按列位置排序指定排序方向 ASC/DESC指定多個列進行排序 單個列排序 為了明確地排序 SELECT 語句檢索出的數據&#xff0c;可使用 ORDER BY 子句。ORDER BY 子句取一個或多個列的名字&#xff0c;據此對輸出進行排序。 例&#xff1a; DBMS 軟件…

RDMA在典型場景下的技術應用分析與探索

本文首發于&#xff1a;RDMA在典型場景下的技術應用分析與探索 1.業務適配RDMA類型 RDMA傳輸的適配&#xff0c;從業務場景的使用角度來看&#xff0c;大致可分為如下幾種類型。 場景一&#xff1a;機器學習、分布式存儲等場景&#xff0c;使用社區成熟的方案&#xff0c;如在…

c++小技巧13:中文輸出(編碼轉漢字)

目錄 1.前言 2.正文 1.直接輸出: 2.間接輸出 3.編碼(?)轉漢字&#xff08;建議直接看這個&#xff09; (書簽) 3.后文 1.前言 &#xff08;os:感覺標題中 間接不太準確&#xff0c;主要是找不到精準的用詞&#xff0c;說明一下&#xff1a;就是在不用中文的方式下輸出…

ibmtpm-TPMCmd 編譯

HASH_LIBOssl SYM_LIBOssl MATH_LIBOssl tpm工程: platform.lib libeay32.lib Windows 編譯 openssl-1.0.2p&#xff08;libeay32.lib、ssleay32.lib&#xff09;靜態庫 32/64、debug/release、MT/MTd D:\installed\mingw64\opt\bin\libeay32.dll