JavaScript(轉載自 計科學院 慕課網)

来源:https://www.cnblogs.com/qihongbao/archive/2018/04/28/8966702.html
-Advertisement-
Play Games

什麼是腳本語言? ①腳本語言介於HTML和C,C++,Java,C#等編程語言之間 ②腳本語言與編程語言有相似地方,其函數與編程語言類似,也有變數。與編程語言之間最大的區別是編程語言的語法和規則更為嚴格和複雜一些. ③腳本語言是一種解釋性語言,例如Python、vbscript,javascript ...


什麼是腳本語言?

   ①腳本語言介於HTML和C,C++,Java,C#等編程語言之間

   ②腳本語言與編程語言有相似地方,其函數與編程語言類似,也有變數。與編程語言之間最大的區別是編程語言的語法和規則更為嚴格和複雜一些.

   ③腳本語言是一種解釋性語言,例如Python、vbscript,javascript等等,它不象c\c++等可以編譯成二進位代碼,以可執行文件的形式存在.

   ④腳本語言一般都有相應的腳本引擎來解釋執行,javascript的腳本引擎就是瀏覽器

 

javascript主要針對客戶端編程(瀏覽器),伺服器端編程。

 

事件源 》》(事件對象)》》事件處理程式

滑鼠事件;

鍵盤事件;

HTML事件;

其它事件;

 

var a=10 :定義變數,變數名為a,a的數值為10

window.alert(a) :彈框顯示,顯示()內的內容

document.write :網頁顯示(必須加首碼)

break :跳出迴圈

continue :結束本輪迴圈

parse :強制轉換

parseint :強制轉換為整數。

parsefloat :強制轉換為浮點型

meta charset='utf-8' :中文

script :顯示

if() :判斷(如果)

else :否則(配合if使用)

return :返回值

for(i=1;i<50;i++) :迴圈1

while(i<50) :迴圈2

do{ }while(i<50) :迴圈3

prompt :輸入

getElementById :設置一個ID連接的返回值

onclick :HTML標簽連接函數

disabled :文本框不能點擊輸入

this :面向對象(我)

charCodeAt :

floor :小數轉換整數,如 1.9=1;-1.9=-2;

setTimeout :計時器 執行時間

setTimeout("c()",5)每五毫秒執行一次

clearTimeout :計時停止

 

function :定義函數

函數的用法:<script type="text/javascript" src="js(文件路徑)"></script>

函數的調用:js()(js是函數名); a=js()(a是變數名,js是函數名);

charCodeAt:返回字元的 Unicode 編碼

eval :運行字元串

 

event.clientY:顯示滑鼠坐標

event.clientX:

 

offsetTop:顯示上個元素的上頂邊與這個元素的上頂邊的距

offsetLeft:

offsetHeight:返回元素的高度

offsetWidth :返回元素的寬度   以像素為單位。這是非標準的但卻得到很好支持的屬性。

 

Date()      返回當前日期和時間

getDate()       從Date對象返回一個月中的某一天

getDay()     從Date對象返回一周中的某一天

getMonth()  從Date對象返回月份

getYear()  從Date對象返回年

getHours()  從Date對象返回小時數

getMinutes()    從Date對象返回分鐘

getSeconds()    從Date對象返回秒數

 

Math.abs(x)     返回數的絕對值

Math.ceil(x)    對一個數進行上舍入

Math.floor(x)   對一個數進行下舍入

Math.max(x,y)  求x,y中較大的數

Math.min(x,y)  求x,y中較小的數

Math.round(x)  對 x進行四捨五入

Math.random() 一個大於0小於1的16位小數位的數字  

 

indexOf()      返回某個字元串值在該字元串中首次出現的位置

split()         把字元串分割為字元串數組

substr()     提取取從start下標開始的指定數目的字元

substring()  提取字元串中介於兩個指定下標之間的子串

charAt()  返回指定位置的字元

length    屬性,可以得到字元串的長度

 

onabort            圖像的載入被中斷。

onblur             元素失去焦點。

onchange           域的內容被改變。

onclick            當用戶點擊某個對象時調用的事件句柄。

ondblclick         當用戶雙擊某個對象時調用的事件句柄。

onerror            在載入文檔或圖像時發生錯誤。

onfocus            元素獲得焦點。 

onkeydown          某個鍵盤按鍵被按下。

onkeypress         某個鍵盤按鍵被按下並鬆開。

onkeyup            某個鍵盤按鍵被鬆開。

onload             一張頁面或一幅圖像完成載入。

onmousedown        滑鼠按鈕被按下。

onmousemove(*)     滑鼠被移動。

onmouseout(*)      滑鼠從某元素移開。

onmouseover(*)     滑鼠移到某元素之上。

onmouseup          滑鼠按鍵被鬆開。

onreset            重置按鈕被點擊。

onresize           視窗或框架被重新調整大小。

onselect           文本被選中。

onsubmit           確認按鈕被點擊。

onunload           用戶退出頁面。

 

DOM 元素:(document.)

 createElemnet(標簽名)           創建一個節點

 appendChild(節點)               追加一個節點

 insertBefore(節點,原有節點)    在已有元素前插入節點

 removeChild(節點)               刪除一個節點

childNodes nodeType             獲取子節點

childrenparentNode  獲取父節點

 getAttribute(名稱)          獲取

 setAttribute(名稱,值)           設置

 removeAttribute(名稱)          刪除

 

&nbsp :空格

<br /> :換行

 

.appendChild  添加

 

 

JS中本身提供一些可以直接使用的類就是內部類:

主要有:

JS array   

JS Boolean

JS Date

JS Math

JS Number

JS String

 

內部類分為 :

 

靜態類

靜態類的使用方法

在引用其屬性和方法的時候:靜態類.方法(或屬性)

 

動態類使用方法

動態類的

var 對象實例名=new 類()

對象實例名.方法(或熟悉)

string類:動態類的一種。

 

一位數組:

1.數組可存放任意類型數據.

2.數組大小不必事先制定.

3.數組名可以理解為指向數組首地址的引用.

4.數組元素預設從0開始編號的.

 

new array :創建數組

 

js數組可以動態增長的

.split :把字元串拆分成字元數組

拆分字元串 字元串 .split(拆分標準)可以得到一個數組

 

length :返回數組中的數的個數

數組名.length ---用法

for(var key in arr){widow.alert(key+"="-arr[key]);}

 

創建一位數組

var a=new Array(3)

a[0]=1;

a[1]=2;

a[2]=3;

或者:var a=new Array("1","2","3")

 

創建二維數組

var a=new Array();

for(var i=0;i<10;i++){

a[i]=new Array();

for(var j=0;j<20;j++){a[i][j]=1;}

}

 

scrollWidth 是對象的實際內容的寬,不包邊線寬度,會隨對象中內容的多少改變(內容多了可能會改變對象的實際寬度)

clientWidth 是對象可見的寬度,不包滾動條等邊線,會隨視窗的顯示大小改變。

offsetWidth 是對象的可見寬度,包滾動條等邊線,會隨視窗的顯示大小改變。

scrollHeight:  獲取對象的滾動高度。

offsetHeight: 獲取對象相對於版面或由父坐標

scrollLeft:  設置或獲取位於對象左邊界和視窗中目前可見內容的最左端之間的距離

offsetLeft:  獲取對象相對於版面或由

scrollTop:  設置或獲取位於對象最頂端和視窗中可見內容的最頂端之間的距離

offsetTop  屬性指定的父坐標的計算頂端位置

offsetParent  屬性指定的父坐標的高度

offsetParent  屬性指定的父坐標的計算左側位置

event.clientX  相對文檔的水平座標

event.clientY  相對文檔的垂直座標

event.offsetX  相對容器的水平坐標

event.offsetY  相對容器的垂直坐標

 

js運算符

① + 加 ② - 減 ③ * 乘 ④ / 除 ⑤ % 取模(取餘) ⑥ ++ 自加 ⑦ -- 自減 ⑧ += 左加 ⑨ -= 左減 ⑩ /= 左除 ⑾ %= 左取模

js關係運算符

① == 等於 ② > 大於 ③ < 小於 ④ >= 大於等於 ⑤ <= 小於等於 ⑥ != 不等於

邏輯運算符

① && 與 ② || 或 ③ ! 非

 

計科學院

慕課網


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

-Advertisement-
Play Games
更多相關文章
  • 首先理清一下幾個路由的基礎概念: 1)route是一條路由,也就是映射,即A按鈕→A內容,以數組形式存儲 2)toutes:[]是一組路由,裡面包含了若幹條route,即route[{A按鈕→A內容},{B按鈕→B內容}] 3)router是管理機制,負責處理和查找路由請求 const router ...
  • html <div class="container"> <ul class="tabs"> <li class="active">5秒鐘</li><li>10秒鐘</li><li>15秒鐘</li> </ul> <div class="tab_container" > <div id="tab1" ...
  • 動畫效果slideDown(100)下到上顯示slideToggle(100)上到下顯示slideUp(100)上到下隱藏fadeIn(100)淡淡顯示fadeOut(100)淡淡顯示fadeToggle()自動切換hide(100)右下角隱藏show(100)左上角顯示animate({},100 ...
  • 這幾種方式的搭配使用可以輕鬆搞定 PC 端頁面的常見需求,比如實現水平居中可以使用 margin: 0 auto,實現水平垂直同時居中可以如下設置: 然而,這些寫法都存在一些缺陷:缺少語義並且不夠靈活。我們需要的是通過 1 個屬性就能優雅的實現子元素居中或均勻分佈,甚至可以隨著視窗縮放自動適應。在這 ...
  • 最近在用electron開發PC桌面應用,其中有個需求就是整個應用以管理員許可權啟動。很頭痛,各種google,baidu。 最後終於解決了,可以分為三個步驟,做個總結分享。 一、如果沒有manifest.xml文件的話 可通過執行命令:mt.exe -inputresource:某某.exe -ou ...
  • 1.獲取一組radio單選框的值(name屬性為一組的radio的name屬性) var q1 = $("input[name=element_name]:checked").val(); 2.獲取select下拉框的值 var q2 = $("#element").val(); 3.獲取幾個下拉框 ...
  • 區塊類用 JavaScript 寫出來大致的樣子: 創造一個鏈Blockchain 類中將區塊鏈接起來 使用區塊鏈 區塊鏈是不可變的。一旦添加,區塊就不可能再變更了。在這裡可以試一下。 以上僅僅是一個簡單的區塊鏈工作原理 ...
  • js代碼 把代碼直接放到需要放的位置即可 效果 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...