1.JS事件
HTML 事件是發(fā)生在 HTML 元素上的事情。當(dāng)在 HTML 頁(yè)面中使用 JavaScript 時(shí)， JavaScript 可以觸發(fā)這些事件。HTML 事件可以是瀏覽器行為，也可以是用戶行為。
以下是 HTML 事件的實(shí)例：
- HTML 頁(yè)面完成加載
- HTML input 字段改變時(shí)
- HTML 按鈕被點(diǎn)擊
通常，當(dāng)事件發(fā)生時(shí)，你可以做些事情。在事件觸發(fā)時(shí) JavaScript 可以執(zhí)行一些代碼。HTML 元素中可以添加事件屬性，使用 JavaScript 代碼來(lái)添加 HTML 元素。
單引號(hào):
<some-HTML-element?some-event='JavaScript 代碼?'>
雙引號(hào):
<some-HTML-element?some-event="JavaScript 代碼?">
下面是一些常見(jiàn)的HTML事件的列表:
| 事件 | 描述 |
|---|
| onchange | HTML 元素改變 | | onclick | 用戶點(diǎn)擊 HTML 元素 | | onmouseover | 用戶在一個(gè)HTML元素上移動(dòng)鼠標(biāo) | | onmouseout | 用戶從一個(gè)HTML元素上移開(kāi)鼠標(biāo) | | onkeydown | 用戶按下鍵盤按鍵 | | onload | 瀏覽器已完成頁(yè)面的加載 |
JS事件可以用于處理表單驗(yàn)證，用戶輸入，用戶行為及瀏覽器動(dòng)作:
- 頁(yè)面加載時(shí)觸發(fā)事件
- 頁(yè)面關(guān)閉時(shí)觸發(fā)事件
- 用戶點(diǎn)擊按鈕執(zhí)行動(dòng)作
- 驗(yàn)證用戶輸入內(nèi)容的合法性
可以使用多種方法來(lái)執(zhí)行 JavaScript 事件代碼：
- HTML 事件屬性可以直接執(zhí)行 JavaScript 代碼
- HTML 事件屬性可以調(diào)用 JavaScript 函數(shù)
- 你可以為 HTML 元素指定自己的事件處理程序
- 你可以阻止事件的發(fā)生。
2.JS字符串?
JavaScript 字符串用于存儲(chǔ)和處理文本。字符串可以是插入到引號(hào)中的任何字符。你可以使用單引號(hào)或雙引號(hào)。
反斜杠是一個(gè)轉(zhuǎn)義字符。 轉(zhuǎn)義字符將特殊字符轉(zhuǎn)換為字符串字符：
轉(zhuǎn)義字符 (\) 可以用于轉(zhuǎn)義撇號(hào)，換行，引號(hào)，等其他特殊字符。
下表中列舉了在字符串中可以使用轉(zhuǎn)義字符轉(zhuǎn)義的特殊字符：
| 代碼 | 輸出 |
|---|
| \' | 單引號(hào) | | \" | 雙引號(hào) | | \\ | 反斜杠 | | \n | 換行 | | \r | 回車 | | \t | tab(制表符) | | \b | 退格符 | | \f | 換頁(yè)符 |
字符串也可以是對(duì)象，如下：???????
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JS簡(jiǎn)單學(xué)習(xí)</title>
</head>
<body>
<p id="demo"></p>
<script>
var x="hello"; //x是字符串
var y=new String("hello"); //y是一個(gè)對(duì)象
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è)對(duì)象
document.getElementById("demo1").innerHTML=
x===y;
// === 為絕對(duì)相等，即數(shù)據(jù)類型與值都必須相等。
</script>
</body>
</html>
| 方法 | 描述 |
|---|
| charAt() | 返回指定索引位置的字符 | | charCodeAt() | 返回指定索引位置字符的 Unicode 值 | | concat() | 連接兩個(gè)或多個(gè)字符串，返回連接后的字符串 | | fromCharCode() | 將 Unicode 轉(zhuǎn)換為字符串 | | indexOf() | 返回字符串中檢索指定字符第一次出現(xiàn)的位置 | | lastIndexOf() | 返回字符串中檢索指定字符最后一次出現(xiàn)的位置 | | localeCompare() | 用本地特定的順序來(lái)比較兩個(gè)字符串 | | match() | 找到一個(gè)或多個(gè)正則表達(dá)式的匹配 | | replace() | 替換與正則表達(dá)式匹配的子串 | | search() | 檢索與正則表達(dá)式相匹配的值 | | slice() | 提取字符串的片斷，并在新的字符串中返回被提取的部分 | | split() | 把字符串分割為子字符串?dāng)?shù)組 | | substr() | 從起始索引號(hào)提取字符串中指定數(shù)目的字符 | | substring() | 提取字符串中兩個(gè)指定的索引號(hào)之間的字符 | | toLocaleLowerCase() | 根據(jù)主機(jī)的語(yǔ)言環(huán)境把字符串轉(zhuǎn)換為小寫，只有幾種語(yǔ)言（如土耳其語(yǔ)）具有地方特有的大小寫映射 | | toLocaleUpperCase() | 根據(jù)主機(jī)的語(yǔ)言環(huán)境把字符串轉(zhuǎn)換為大寫，只有幾種語(yǔ)言（如土耳其語(yǔ)）具有地方特有的大小寫映射 | | toLowerCase() | 把字符串轉(zhuǎn)換為小寫 | | toString() | 返回字符串對(duì)象值 | | toUpperCase() | 把字符串轉(zhuǎn)換為大寫 | | trim() | 移除字符串首尾空白 | | valueOf() | 返回某個(gè)字符串對(duì)象的原始值 |
3.JS運(yùn)算符?
3.1 JS算術(shù)運(yùn)算符?
3.2 JS賦值運(yùn)算符
3.3 JS用于字符串的 " " 運(yùn)算符
運(yùn)算符用于把文本值或字符串變量加起來(lái)（連接起來(lái)），如需把兩個(gè)或多個(gè)字符串變量連接起來(lái)，請(qǐng)使用 運(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 還包含了基于某些條件對(duì)變量進(jìn)行賦值的條件運(yùn)算符。
variablename=(condition) ? value1:value2?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JS簡(jiǎn)單學(xué)習(xí)</title>
</head>
<body>
<p>點(diǎn)擊按鈕檢測(cè)年齡。</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>
?
來(lái)源：https://www./content-1-857901.html
|
