1 JavaScript的基礎語法

来源:https://www.cnblogs.com/c-pp/archive/2023/11/04/JavaScript_0.html
-Advertisement-
Play Games

JS概念 javaScript是用於實現用戶交互、動態控制文檔的外觀和內容,動態控制瀏覽器操作、創建cookies等網頁行為的跨平臺、跨瀏覽器的由瀏覽器解釋執行的客戶端腳本語言; 特點 是基於對象的弱類型語言 弱類型語言:是一種弱類型定義的語言,某一個變數被定義類型,該變數可以根據環境變數自動進行轉 ...


JS概念

javaScript是用於實現用戶交互動態控制文檔的外觀和內容,動態控制瀏覽器操作、創建cookies等網頁行為的跨平臺、跨瀏覽器的由瀏覽器解釋執行的客戶端腳本語言;

特點

  • 是基於對象的弱類型語言

    • 弱類型語言:是一種弱類型定義的語言,某一個變數被定義類型,該變數可以根據環境變數自動進行轉換,不需要經過顯性強制轉換。弱類型語言包括vb,php,javascript等。

    • 強類型語言:是一種強制類型定義的語言,一旦某一個變數被定義類型,如果不經過強制轉換,則它永遠就是該數據類型了,強類型語言包括java,net,c++等

  • 跨平臺

    • Linux,windows,mac只要有瀏覽器,就能夠運行

  • 事件驅動

    • 滑鼠點擊,滑鼠懸浮,滑鼠移動,鍵盤按下,鍵盤彈起,獲取焦點,失去焦點,載入等常用的事件

用途

  • 表單客戶端驗證;

  • 動態HTML(DHTML):不需要人為介入,就能自動實現動畫效果。

  • 用戶交互的動畫效果:需要滑鼠和鍵盤介入的動畫效果

  • 動態添加一些網頁內容

  • 動態的獲取和改變html元素的屬性或css屬性,從而動態的創建網頁內容或改變內容的顯示

1.1.1 JS代碼直接寫在script標簽中

<script>
    console.log('Hello World!');
</script>

1.1.2 JS代碼單獨存放在JS文件中

js/index.js

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
     <!-- script標簽最好添加到body閉合標簽之前 -->
  <script src="./js/index.js"></script>
</body>
</html>

1.1.3 如何在頁面中輸出JavaScript

  • alert("這是我的輸出頁面"); 彈窗輸出

alert("這是我輸出的頁面)
  • document.write(“這是我輸出的內容”); 在頁面輸出,可以輸出標簽

document.write("這是我輸出的內容")
  • console.log() 在控制臺中列印,列印任意字元或者js的變數信息; 可以接受任何字元串、變數、數字、對象;

console.log("這是我輸出的內容")

1.2 JavaScript註釋方式

1.2.1 單行註釋

// 單行註釋

1.2.2 多行註釋

/*
    多行註釋
  多行註釋
  多行註釋
*/

 

 


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

-Advertisement-
Play Games
更多相關文章
  • 哈嘍大家好,我是鹹魚 在文章《三劍客之 sed》中鹹魚向大家介紹了文本三劍客中的 sed sed 全名叫 stream editor,流編輯器,用程式的方式來編輯文本 那麼今天鹹魚打算講一下我在用 sed 原地替換文件時遇到的趣事 sed 讓文件屬性變了? 有這麼一個普通文件 test.txt ,內 ...
  • 1,用戶 和 許可權 的基本概念 1.1 ls 擴展 ls -l 1.2 chmod 簡單使用(重要) + 是加許可權, - 是減許可權 chmod 修改文件許可權 chmod 修改目錄許可權: 想要在目錄下執行終端命令,就必須要有可執行許可權。 1.3 超級用戶 2,組管理終端命令 groupadd 組名 : ...
  • 這裡簡單介紹一下如何處理解決Linux平臺下Oracle 19c啟動時,告警日誌出現ORA-00800錯誤的問題,詳情介紹請見下麵內容: 環境描述: 操作系統:Red Hat Enterprise Linux release 8.8 (Ootpa) 資料庫 :19.16.0.0.0 企業版 問題描述 ...
  • 背景 目前單位系統常用 Keycloak 作為認證系統後端,而前端之前寫的也比較隨意,這次用 Vue 3 插件以及 Ref 響應式來編寫這個模塊。另外,這個可能是全網唯一使用 keycloak 的 OIDC 原生更新密碼流的介紹代碼。 設計 依賴庫選擇 OIDC 客戶端,這裡選擇 oidc-clie ...
  • 作者:WangMin 格言:努力做好自己喜歡的每一件事 CSDN原創文章 博客地址 👉 WangMin 我們在開發的過程中,難免會出現一些難以預料的問題。那麼其中,CSS空白現象就是非常常見的問題之一。雖然它已經被髮現很久,但仍然有許多新手和經驗豐富的開發者們忽略了它對頁面佈局的影響。我們一起來看 ...
  • 函數在JS中也是一個對象,它具有其它對象的所有功能,函數中可以存儲代碼,且可以在需要的時候調用這些代碼 函數的操作 函數的定義 函數聲明 function 函數名([參數列表]) { // 函數體 return 返回值; } 函數表達式 const 函數名 = function([參數列表]) { ...
  • vue3 地址 https://github.com/vuejs/core 首先看看vue文檔什麼是 Vue? ​ Vue (發音為 /vjuː/,類似 view) 是一款用於構建用戶界面的 JavaScript 框架。它基於標準 HTML、CSS 和 JavaScript 構建,並提供了一套聲明式 ...
  • 一、變數的生命周期 JavaScript 變數的生命期從它們被聲明的時間開始。 局部變數會在函數運行以後被刪除。 全局變數會在頁面關閉後被刪除。 二、自執行函數 執行函數通常都是定義之後立即執行,以後都不再會調用,所以聲明時可以省略函數名,因此自執行函數又叫匿名函數。 通用的自執行函數方式有兩種: ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...