javaScript簡單版

簡介

JavaScript(簡稱:JS)是一門跨平臺、面向對象的腳本語言,是用來控制網頁行為,實現頁面的交互效果。

JavaScript和Java是完全不同的語言,不論是概念還是設計。但是基礎語法類似。

組成:

ECMAScript:規定了JS基礎語法核心知識,包括變量、數據類型、流程控制、函數、對象等。

BOM:瀏覽器對象模型,用于操作瀏覽器本身,如∶頁面彈窗、地址欄操作、關閉窗口等。

DON:文檔對象模型,用于操作HTML文檔,如:改變標簽內的內容、改變標簽內字體樣式等。

JS引入方式

·內部腳本:將JS代碼定義在HTML頁面中

JavaScript代碼必須位于<script></script>標簽之間

在HTML文檔中可以在任意位置,放置任意數量的<script>標簽

一般會把腳本置于<body>元素的底部,可以改善顯示速度

·外部腳本:將JS代碼定義在外部 JS文件中,然后引入到HTML頁面中

<script src=js\js_test.js"></script>

基本語法

變量&常量

JS中用 let 關鍵字來聲明變量(弱類型語言,變量可以存放不同類型的值)。

變量名需要遵循一下規則:

? ? ? ? ·只能用 字母、數字、下劃線(_)、美元符號組成,且不能數字開頭

? ? ? ? ·變量名嚴格區分大小寫,如name和Name是不同的變量

? ? ? ? ·不能使用關鍵字,如:let、var、if、for等

用戶const關鍵字來聲明常量。一旦聲明值就不能改變

輸出語句

數據類型:

使用typeof 變量 可以得到變量名

模板字符串

函數

介紹:函數是被設計用來執行特定任務的代碼塊,方便程序的封裝復用。

定義:javascript函數通過function關鍵字進行定義,語法為:

調用:函數名稱(實際參數列表)

匿名函數

匿名函數是指一種沒有名稱的函數,可以通過兩種方式定義:函數表達式 和箭頭函數。

可以通過變量名直接調用

自定義對象

格式

調用

json

概念:JavaScript Object Notation,JavaScript對象標記法(JS對象標記法書寫的文本)

由于其語法簡單,層次結構鮮明,現在用于作為數據載體,在網絡中進行數據傳輸

通過JSON里面的函數將對象和json之間互相轉換

DOM

例如

作用

獲取dom對象并對其進行操作

用document.querSelector(‘選擇器’)獲取特定的dom

用document.querSelectorAll(‘選擇器’)獲取所有的dom

<script>let dom = document.querySelector('#p1');dom.innerHTML = '我在這';let doms = document.querySelectorAll('p');doms[0].innerHTML = '我在這';</script>

事件監聽

事件:HTML事件是發生在HTML元素上的"事情"。

比如:·

按鈕被點擊

鼠標移動到元素上·

按下鍵盤按鍵

事件監聽: JavaScript可以在事件觸發時,就立即調用一個函數做出響應,也稱為事件綁定或注冊事件。

語法:事件源.addEvenListener('事件類型',需要觸發執行的函數);

事件監聽的三要素

常見的事件

JS程序化

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

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

相關文章

Python刷題練習

文章目錄 1.尋找相同字串2.密鑰格式化3.五鍵鍵盤的輸出4.單詞重量5.輸出指定字母在字符串的中的索引6.污染水域7.九宮格按鍵輸入8.任務最優調度9.高效的任務規劃 1.尋找相同字串 題目描述: 給你兩個字符串t和p&#xff0c;要求從t中找到一個和p相同的連續子串&#xff0c;并輸…

MATLAB實現振幅調制(AM調制信號)

AM調制是通信專業非常重要的一個知識點。今天我們使用MATLAB編程實現AM調制。 我們實現輸入一個載波信號的頻率與調制信號的頻率后&#xff0c;再輸入調幅度&#xff0c;得到已調信號的波形與包絡信號的波形&#xff0c;再使用FFT算法分析出已調信號的頻譜圖。 源代碼&#x…

JJJ:linux ida

文章目錄 1.總結2.各類函數2.1 分配一個倉庫2.2 銷毀倉庫2.3 從倉庫里面分配一個整數id2.4 將上面分配的整數id從倉庫里面刪除2.5 在指定范圍內分配一個id 1.總結 ida使用起來很簡單&#xff0c;就是先分配一個倉庫一樣的實例&#xff0c;再從這個倉庫里面分配一個獨一無二的整…

FastByteArrayOutputStream和ByteArrayInputStream有什么區別

FastByteArrayOutputStream 和 ByteArrayInputStream 是兩種完全不同的 Java I/O 類&#xff0c;它們的主要區別體現在 設計目的 和 使用場景 上。以下是詳細對比&#xff1a; 1. 核心區別總結 特性FastByteArrayOutputStream (Spring框架)ByteArrayInputStream (JDK原生)所屬…

docker-compose——安裝redis

文章目錄 一、編寫docker-compose.yaml文件二、編寫redis.conf文件三、啟動docker-compose 一、編寫docker-compose.yaml文件 version: 3.3 services:redis:image: redis:latestcontainer_name: redisrestart: alwaysports:- 6379:6379volumes:- ./redis/data:/data- ./redis/…

東芝推出新的SCiB模塊,散熱性能加倍,適用于電動公交車、電動船舶和固定應用

東京—東芝公司推出了一種新的SCiB模塊&#xff0c;這是一種專為電動汽車、電動船舶和固定應用而設計的鋰離子電池。新產品采用鋁制底板&#xff0c;散熱量約為當前模塊的兩倍。它將于2025年4月中旬在日本和全球上市。 鋰離子電池的使用越來越多&#xff0c;而且越來越多樣化&a…

【進程控制二】進程替換和bash解釋器

【進程控制二】進程替換 1.exec系列接口2.execl系列2.1execl接口2.2execlp接口2.3execle 3.execv系列3.1execv3.2總結 4.實現一個bash解釋器4.1內建命令 通過fork創建的子進程&#xff0c;會繼承父進程的代碼和數據&#xff0c;因此本質上還是在執行父進程的代碼 進程替換可以將…

Java基礎語法之數組

數組 一、認識數組 1.什么是數組 數組就是一個容器&#xff0c;用來存一批同種類型的數據。 舉例 20, 10, 80, 60, 90 int[] arr {20, 10, 80, 60, 90};張三, 李四, 王五 String[] names {"張三", "李四", "王五"};2.為什么要使用數組 假設…

Java死鎖排查:線上救火實戰指南

想象一下&#xff0c;你正在值班&#xff0c;突然監控告警紅成一片&#xff0c;用戶反饋雪花般飄來&#xff1a;“系統卡死了&#xff01;用不了了&#xff01;” —— 這很可能就是Java應用遭遇了“死鎖”這個大魔王。這時候&#xff0c;你就是救火隊長&#xff0c;首要任務不…

006-nlohmann/json 結構轉換-C++開源庫108杰

絕大多數情況下&#xff0c;程序和外部交換的數據&#xff0c;都是結構化的數據。 1. 手工實現——必須掌握的基本功 在的業務類型的同一名字空間下&#xff0c;實現 from_json 和 to_json 兩個自由函數&#xff08;必要時&#xff0c;也可定義為類型的友元函數&#xff09;&a…

白盒測試——基本路徑測試法

一、實驗名稱 白盒測試——基本路徑測試法 二、實驗目的 白盒測試是結構測試&#xff0c;是依據被測程序的內部邏輯結構設計測試用例&#xff0c;驅動被測程序運行完成的測試&#xff0c;通過本實驗希望&#xff1a; 1、掌握基本路徑測試法的基本概念&#xff0c;用具體的例子…

【嵌入模型與向量數據庫】

目錄 一、什么是向量&#xff1f; 二、為什么需要向量數據庫&#xff1f; 三、向量數據庫的特點 四、常見的向量數據庫產品 FAISS 支持的索引類型 vs 相似度 五、常見向量相似度方法對比 六、應該用哪種 七、向量數據庫的核心邏輯 &#x1f50d; 示例任務&#xff1a;…

matlab中和三角函數相關的內容

和三角相關的函數 以下內容為Ai輸出 函數描述示例sin(x)正弦函數&#xff0c;返回x的正弦值&#xff0c;x單位為弧度sin(pi/2)cos(x)余弦函數&#xff0c;返回x的余弦值&#xff0c;x單位為弧度cos(pi)tan(x)正切函數&#xff0c;返回x的正切值&#xff0c;x單位為弧度tan(pi…

scratch基礎-外觀模塊

一、本次任務 二、內容詳解 1、模塊介紹 1、說[你好] (2)秒&#xff1a;臨時對話框&#xff0c;短暫對話 2、說[你好]&#xff1a;持續顯示對話框&#xff0c;長文本顯示 3、思考[嗯…] (2)秒&#xff1a;臨時顯示思考氣泡&#xff0c;用于角色思考 4、思考[嗯…] &#xff1a…

TAOCMS漏洞代碼學習及分析

路由規則 分為前臺和后臺&#xff0c; 前臺在api.php中 <?php session_start(); include(config.php); include(SYS_ROOT.INC.common.php); $ctrl$_REQUEST[ctrl]; $action$_REQUEST[action]; $mucfirst($action); if(!in_array($m,array(Api,Comment)))d…

Spring @Scheduled注解詳解

文章目錄 1.Scheduled注解定義2.配置 Scheduled2.1 開啟定時任務支持2.2 創建定時任務 3. 常用屬性3.1 fixedRate3.2 fixedDelay3.3 cron 4.工作原理4.1 基于TaskScheduler4.2 使用 ThreadPoolTaskScheduler4.3 定時任務的執行流程 5. 延時執行的定時任務5.1 創建定時任務類5.2…

理解計算機系統_并發編程(5)_基于線程的并發(二):線程api和基于線程的并發服務器

前言 以<深入理解計算機系統>(以下稱“本書”)內容為基礎&#xff0c;對程序的整個過程進行梳理。本書內容對整個計算機系統做了系統性導引,每部分內容都是單獨的一門課.學習深度根據自己需要來定 引入 接續上一篇理解計算機系統_并發編程(4)_基于線程的并發(一…

使用PhpStudy搭建Web測試服務器

一、安裝PhpStudy 從以下目錄下載PhpStudy安裝文件 Windows版phpstudy下載 - 小皮面板(phpstudy) (xp.cn) 安裝成功之后打開如下界面 點擊啟動Apache 查看網站地址 在瀏覽器中輸入localhost:88,出現如下頁面就ok了 二、與Unity交互 1.配置下載文件路徑&#xff0c;點擊…

cocos creator 3.8 下的 2D 改動

在B站找到的系統性cocos視頻教程,純2D開發入門,鏈接如下: zzehz黑馬程序員6天實戰游戲開發微信小程序&#xff08;Cocos2d的升級版 CocosCreator JavaScript&#xff09;_嗶哩嗶哩_bilibili黑馬程序員6天實戰游戲開發微信小程序&#xff08;Cocos2d的升級版 CocosCreator Ja…

【Hot 100】208. 實現 Trie (前綴樹)

目錄 引言實現 Trie (前綴樹)我的解題代碼解析代碼思路分析優化建議1. 內存泄漏問題2. 使用智能指針優化內存管理3. 輸入合法性校驗&#xff08;可選&#xff09;4. 其他優化 總結 &#x1f64b;?♂? 作者&#xff1a;海碼007&#x1f4dc; 專欄&#xff1a;算法專欄&#x1…