日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

web前端學(xué)習(xí)(三十五)——JavaScript事件、字符串及運(yùn)算符的相關(guān)設(shè)置

 印度阿三17 2021-02-15

1.JS事件

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

以下是 HTML 事件的實(shí)例:

  • HTML 頁面完成加載
  • HTML input 字段改變時(shí)
  • HTML 按鈕被點(diǎn)擊

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

單引號:

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

雙引號:

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

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

事件描述
onchangeHTML 元素改變
onclick用戶點(diǎn)擊 HTML 元素
onmouseover用戶在一個(gè)HTML元素上移動(dòng)鼠標(biāo)
onmouseout用戶從一個(gè)HTML元素上移開鼠標(biāo)
onkeydown用戶按下鍵盤按鍵
onload瀏覽器已完成頁面的加載

JS事件可以用于處理表單驗(yàn)證,用戶輸入,用戶行為及瀏覽器動(dòng)作:

  • 頁面加載時(shí)觸發(fā)事件
  • 頁面關(guān)閉時(shí)觸發(fā)事件
  • 用戶點(diǎn)擊按鈕執(zhí)行動(dòng)作
  • 驗(yàn)證用戶輸入內(nèi)容的合法性

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

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

2.JS字符串?

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

反斜杠是一個(gè)轉(zhuǎn)義字符。 轉(zhuǎn)義字符將特殊字符轉(zhuǎn)換為字符串字符:

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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JS簡單學(xué)習(xí)</title>
</head>

<body>
<p id="demo"></p>
<script>
var x="hello";             //x是字符串
var y=new String("hello"); //y是一個(gè)對象
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是一個(gè)對象
document.getElementById("demo1").innerHTML=
x===y;
// === 為絕對相等,即數(shù)據(jù)類型與值都必須相等。
</script>
</body>
</html>

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

3.JS運(yùn)算符?

3.1 JS算術(shù)運(yùn)算符?

3.2 JS賦值運(yùn)算符

3.3 JS用于字符串的 " " 運(yùn)算符

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

兩個(gè)數(shù)字相加,返回?cái)?shù)字相加的和。如果數(shù)字與字符串相加,返回字符串,結(jié)果將成為字符串!

3.4 JS比較運(yùn)算符?

3.5 JS邏輯運(yùn)算符

3.6 JS條件運(yùn)算符?

JavaScript 還包含了基于某些條件對變量進(jìn)行賦值的條件運(yùn)算符。

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

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

?

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

    本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多