JavaScript連載1-基本簡介(組成、關係、表示形式等)

来源:https://www.cnblogs.com/ruigege0000/archive/2020/03/30/12596125.html
-Advertisement-
Play Games

一、概覽 1.JavaScript是前端開發的一門腳本語言(解釋性語言) 2.解釋型語言的代表:(1)Python;(2)JavaScript;(3)PHP;(4)Ruby; 3.編譯型語言:程式執行之前需要一個專門的編譯過程,把程式編譯成為機器怨言的文件,比如:exe\jar文件;例如:C/C++ ...


一、概覽

1.JavaScript是前端開發的一門腳本語言(解釋性語言)

2.解釋型語言的代表:(1)Python;(2)JavaScript;(3)PHP;(4)Ruby;

3.編譯型語言:程式執行之前需要一個專門的編譯過程,把程式編譯成為機器怨言的文件,比如:exe\jar文件;例如:C/C++,Pascal,Swift,Object-c

比如:*.c/*.cpp編譯成為*.obj文件,然後“鏈接“機器語言

4.總結:(1)編譯型語言由於程式執行速度快,在同等條件下對系統的要求較低,因此像開發操作系統、大型應用程式、資料庫系統等都會採用它

(2)解釋型語言的跨平臺行好,一些網頁腳本、伺服器腳本及其輔助開發介面這樣的對速度要求不高,對不同系統平臺的相容性有一定的要求的程式都是使用解釋性語言。例如:網頁上一個控制項

(3)JavaScript是一門高級解釋型語言

5.前世今生

(1)起源於Netscapt公司的livescript語言、後來改名了,就是為了增加能夠與用戶的交互功能。

6.Javascript的應用場景

多元化場景:網頁特效、移動端開發(RN\Weex)、服務端開發(Node.js)、命令行工具(Node.js)、物聯網與人工智慧(Ruff)、游戲開發(cocos2d-js)

7.JavaScript的組成

(1)ECMAScript:是ECMA制定的腳本語言的標準,規定了一種腳本語言的標準,規定了一種語言實現應該包含的基本內容;JavaScript是腳本語言,所以必須遵守ECMAScript標準,包好ECMAScript標準規定的基本內容

(2)BOM:瀏覽器對象模型,比如:彈出框、控制瀏覽器跳轉、獲取解析度等;

(3)DOM:文檔對象模型,可以把HTML看作是文檔樹,通過DOM提供的API可以對樹上的節點進行操作。

8.JS\HTML\CSS之間的關係

(1)HTML:提供了網頁的結構、以及網頁中的內容;

(2)CSS:美化網頁、2D/3D過濾、動畫等;

(3)JS:控制網頁內容,給網頁增加動態效果。

9.JavaScript有三種書寫格式

(1)行內JS;(2)頁內JS;

註意點:

i.<script></script>標簽中的js代碼一般是寫在文檔的尾部的;

ii.網頁時從上至下載入而js代碼通常是給標簽添加交互(操作元素),所以需要先載入HTML,否則如果執行js代碼時HTML還未被載入,那麼js代碼將無法添加交互(操作元素);

iii.如果腳本比較大,頁面的下載和渲染

(3)外鏈式

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>D1_ThreeWritingFormat</title>

</head>

<body>

    <button onclick="alert('點我了');">點我</button><!--行內JavaScript的形式-->

    <a href="javascript:alert('點我了');">點我</a>
<script>

        alert("哈哈哈!");<!--頁內JS,寫在body裡面可以,head裡面也可以,最好是寫在尾部-->

</script>

    <script>

        window.onload = function () {

            alert("ahahhhah");

        }

</script>

    <!--引入外部的js-->

    <script src="D1_index.js"></script>

</body>

</html>

 

 

 

window.onload = function () {

    alert("外鏈式");

}

 

 

 

 

 

 

 

 

 

 

 

 

 

​說明:window.onload的外部引用​優先順序高,且只會調用一次。​

 

三、源碼:

D1_ThreeWritingFormat.html

D1_index.js

地址:

https://github.com/ruigege66/JavaScript/blob/master/D1_ThreeWritingFormat.html

https://github.com/ruigege66/JavaScript/blob/master/D1_index.js

2.CSDN:https://blog.csdn.net/weixin_44630050

3.博客園:https://www.cnblogs.com/ruigege0000/

4.歡迎關註微信公眾號:傅里葉變換,個人賬號,僅用於技術交流,後臺回覆“禮包”獲取Java大數據學習視頻禮包

 

 


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

-Advertisement-
Play Games
更多相關文章
  • 一、下載下載oracle11g安裝文件,一般包括win64_11gR2_database_1of2和win64_11gR2_database_2of2 2個文件,下載完成後解壓到一個文件中: 下載文件: 解壓之後的文件夾: 二、準備1.配置 NET Framework 3.5 當然也可以離線安裝。 ...
  • 本次項目開發的各模塊靈感來自於市面上已經成熟的各大電商項目(網上商城)、例如淘寶京東。項目開發時間為2020/2/27—2020/3/28。開發工具前期使用Eclipse創建的Dynamic Web項目(動態web項目),到中期使用IDEA開發工具將項目轉為Maven項目繼續開發(期間自學了Mave ...
  • 筆者最近遇到一則典型的因為sql中存在派生表造成的性能案例,通過改寫SQL改善了的性能,但當時並沒有弄清楚這其中的原因,派生表究竟是什麼原因會導致性能上的副作用。說來也巧,很快就無意中就看到下文中的提到的相關的派生表的介紹以及其特性之後,才發現個中緣由,本文基於此,用一個非常簡單的demo來演示該問 ...
  • Redis底層函數詳解 1. serverCron 函數 它負責管理伺服器的資源,並維持伺服器的正常運行。在執行 serverCron 函數的過程中會調用相關的子函數,如 trackOperationsPerSecond、SigtermHandler、clientsCron、databasesCro ...
  • 1 MongoDB 簡介 1.1 使用場景 (1)數據量大 (2)價值較低 對於這樣的數據,更適合於使用MangoDB來存儲數據 1.2 什麼是MangoDB MangoDB是一個跨平臺的面向 文檔(相當於Mysql中的一行記錄) 的資料庫,是NoSql資料庫中最熱門的一種。它介於關係和非關係資料庫 ...
  • 來自於一個基友的問題:他的博客同問題鏈接 sql時間段取並集、合併 https://blog.csdn.net/Seandba/article/details/105152412 問題:計算通道的總開放時長,只要有任意一個終端開放通道就算開放,難點在於各種終端開放時間重疊包含問題測試數據--問題一、... ...
  • 導讀 相信讀者看過很多MYSQL索引優化的文章,其中有很多優化的方法,比如最佳左首碼,覆蓋索引等方法,但是你真正理解為什麼要使用最佳左首碼,為什麼使用覆蓋索引會提升查詢的效率嗎? 本篇文章將從MYSQL內部結構上講一下為什麼覆蓋索引能夠提升效率。 InnoDB索引模型 在InnoDB中,表都是根據主 ...
  • DDL 操作資料庫 create database db1; //創建資料庫 show databases; //查詢所有的資料庫名稱 create database if not exists db1; //先判斷資料庫db1是否存在 再進行創建 create database 資料庫名 char ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...