电竞比分网-中国电竞赛事及体育赛事平台

分享

web前端學習(三十五)——JavaScript事件、字符串及運算符的相關設置

 印度阿三17 2021-02-15

1.JS事件

HTML 事件是發(fā)生在 HTML 元素上的事情。當在 HTML 頁面中使用 JavaScript 時, JavaScript 可以觸發(fā)這些事件。HTML 事件可以是瀏覽器行為,也可以是用戶行為。

以下是 HTML 事件的實例:

  • HTML 頁面完成加載
  • HTML input 字段改變時
  • HTML 按鈕被點擊

通常,當事件發(fā)生時,你可以做些事情。在事件觸發(fā)時 JavaScript 可以執(zhí)行一些代碼。HTML 元素中可以添加事件屬性,使用 JavaScript 代碼來添加 HTML 元素。

單引號:

<some-HTML-element?some-event='JavaScript 代碼?'>

雙引號:

<some-HTML-element?some-event="JavaScript 代碼?">

下面是一些常見的HTML事件的列表:

事件描述
onchangeHTML 元素改變
onclick用戶點擊 HTML 元素
onmouseover用戶在一個HTML元素上移動鼠標
onmouseout用戶從一個HTML元素上移開鼠標
onkeydown用戶按下鍵盤按鍵
onload瀏覽器已完成頁面的加載

JS事件可以用于處理表單驗證,用戶輸入,用戶行為及瀏覽器動作:

  • 頁面加載時觸發(fā)事件
  • 頁面關閉時觸發(fā)事件
  • 用戶點擊按鈕執(zhí)行動作
  • 驗證用戶輸入內容的合法性

可以使用多種方法來執(zhí)行 JavaScript 事件代碼:

  • HTML 事件屬性可以直接執(zhí)行 JavaScript 代碼
  • HTML 事件屬性可以調用 JavaScript 函數
  • 你可以為 HTML 元素指定自己的事件處理程序
  • 你可以阻止事件的發(fā)生。

2.JS字符串?

JavaScript 字符串用于存儲和處理文本。字符串可以是插入到引號中的任何字符。你可以使用單引號或雙引號。

反斜杠是一個轉義字符。 轉義字符將特殊字符轉換為字符串字符:

轉義字符 (\) 可以用于轉義撇號,換行,引號,等其他特殊字符。

下表中列舉了在字符串中可以使用轉義字符轉義的特殊字符:

代碼輸出
\'單引號
\"雙引號
\\反斜杠
\n換行
\r回車
\ttab(制表符)
\b退格符
\f換頁符

字符串也可以是對象,如下:???????

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JS簡單學習</title>
</head>

<body>
<p id="demo"></p>
<script>
var x="hello";             //x是字符串
var y=new String("hello"); //y是一個對象
document.getElementById("demo").innerHTML=
typeof x   "<br />"   typeof y;
</script>
<p id="demo1"></p>
<script>
var a="redis";             //a是字符串
var b=new String("redis"); //b是一個對象
document.getElementById("demo1").innerHTML=
x===y;
// === 為絕對相等,即數據類型與值都必須相等。
</script>
</body>
</html>

方法描述
charAt()返回指定索引位置的字符
charCodeAt()返回指定索引位置字符的 Unicode 值
concat()連接兩個或多個字符串,返回連接后的字符串
fromCharCode()將 Unicode 轉換為字符串
indexOf()返回字符串中檢索指定字符第一次出現的位置
lastIndexOf()返回字符串中檢索指定字符最后一次出現的位置
localeCompare()用本地特定的順序來比較兩個字符串
match()找到一個或多個正則表達式的匹配
replace()替換與正則表達式匹配的子串
search()檢索與正則表達式相匹配的值
slice()提取字符串的片斷,并在新的字符串中返回被提取的部分
split()把字符串分割為子字符串數組
substr()從起始索引號提取字符串中指定數目的字符
substring()提取字符串中兩個指定的索引號之間的字符
toLocaleLowerCase()根據主機的語言環(huán)境把字符串轉換為小寫,只有幾種語言(如土耳其語)具有地方特有的大小寫映射
toLocaleUpperCase()根據主機的語言環(huán)境把字符串轉換為大寫,只有幾種語言(如土耳其語)具有地方特有的大小寫映射
toLowerCase()把字符串轉換為小寫
toString()返回字符串對象值
toUpperCase()把字符串轉換為大寫
trim()移除字符串首尾空白
valueOf()返回某個字符串對象的原始值

3.JS運算符?

3.1 JS算術運算符?

3.2 JS賦值運算符

3.3 JS用于字符串的 " " 運算符

運算符用于把文本值或字符串變量加起來(連接起來),如需把兩個或多個字符串變量連接起來,請使用 運算符。

兩個數字相加,返回數字相加的和。如果數字與字符串相加,返回字符串,結果將成為字符串!

3.4 JS比較運算符?

3.5 JS邏輯運算符

3.6 JS條件運算符?

JavaScript 還包含了基于某些條件對變量進行賦值的條件運算符。

variablename=(condition) ? value1:value2?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JS簡單學習</title>
</head>

<body>
<p>點擊按鈕檢測年齡。</p>
年齡:<input id="age" value="18" />
<p>是否達到投票年齡?</p>
<button type="button" onclick="myFunction()">點擊按鈕</button>
<p id="demo"></p>
<script>
function myFunction() {
var age,str;
age=document.getElementById("age").value;
str=(age<18) ? "年齡太小":"年齡已達到";
document.getElementById("demo").innerHTML=str;
}
</script>
</body>
</html>

?

來源:https://www./content-1-857901.html

    本站是提供個人知識管理的網絡存儲空間,所有內容均由用戶發(fā)布,不代表本站觀點。請注意甄別內容中的聯系方式、誘導購買等信息,謹防詐騙。如發(fā)現有害或侵權內容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多