javascript
JavaScript初学笔记
1 HTML 中的腳本必須位于 <script> 與 </script> 標(biāo)簽之間。瀏覽器會(huì)解釋并執(zhí)行位于 <script> 和 </script> 之間的 JavaScript
2 腳本可被放置在 HTML 頁(yè)面的 <body> 和 <head> 部分中。
3 如需使用外部文件,在 <script> 標(biāo)簽的 "src" 屬性中設(shè)置該 .js 文件.
<script src="myScript.js"></script>
提示:外部腳本不能包含 <script> 標(biāo)簽。
4 JavaScript 通常用于操作 HTML 元素。
如需從 JavaScript 訪問(wèn)某個(gè) HTML 元素,可以使用 document.getElementById(id) 方法。
使用 "id" 屬性來(lái)標(biāo)識(shí) HTML 元素:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
JavaScript 由 web 瀏覽器來(lái)執(zhí)行。在這種情況下,瀏覽器將訪問(wèn) id="demo" 的 HTML 元素,并把它的內(nèi)容(innerHTML)替換為 "My First JavaScript"。
5 提示:JavaScript 語(yǔ)句和 JavaScript 變量都對(duì)大小寫敏感。
6 如果重新聲明 JavaScript 變量,該變量的值不會(huì)丟失:
在以下兩條語(yǔ)句執(zhí)行后,變量 carname 的值依然是 "Volvo":
var carname="Volvo";
var carname;
7 JavaScript 對(duì)象
對(duì)象由花括號(hào)分隔。在括號(hào)內(nèi)部,對(duì)象的屬性以名稱和值對(duì)的形式 (name : value) 來(lái)定義。屬性由逗號(hào)分隔:
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的對(duì)象 (person) 有三個(gè)屬性:firstname、lastname 以及 id。
對(duì)象屬性有兩種尋址方式:
name=person.lastname;
name=person["lastname"];
8 JavaScript 中的所有事物都是對(duì)象:字符串、數(shù)字、數(shù)組、日期,等等。
在 JavaScript 中,對(duì)象是擁有屬性和方法的數(shù)據(jù)。
9
<button οnclick="myFunction">按鈕</button> 調(diào)用函數(shù)時(shí),必須用雙引號(hào),不能用單引號(hào).
10 JavaScript 變量的生命期從它們被聲明的時(shí)間開始。
局部變量會(huì)在函數(shù)運(yùn)行以后被刪除。
全局變量會(huì)在頁(yè)面關(guān)閉后被刪除。
11 如果把值賦給尚未聲明的變量,該變量將被自動(dòng)作為全局變量聲明,即使它在函數(shù)內(nèi)執(zhí)行。
<script>
var x;
function myFunction()
{
x = "123"
}
myFunction()
document.write(x);?? //=>123
</script>
12 如果把數(shù)字與字符串相加,結(jié)果將成為字符串。
x="5"+5;
document.write(x);? //=> 55
13 HTML DOM (文檔對(duì)象模型)
當(dāng)網(wǎng)頁(yè)被加載時(shí),瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型(Document Object Model)。
HTML DOM 模型被構(gòu)造為對(duì)象的樹。
14 通常,通過(guò) JavaScript,需要操作 HTML 元素。
為了做到這件事情,必須首先找到該元素。有三種方法來(lái)做這件事:
通過(guò) id 找到 HTML 元素
通過(guò)標(biāo)簽名找到 HTML 元素
通過(guò)類名找到 HTML 元素
15 查找 id="intro" 元素:
var x=document.getElementById("intro");
如果找到該元素,則該方法將以對(duì)象(在 x 中)的形式返回該元素。
如果未找到該元素,則 x 將包含 null。
16 查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素:
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
17 onload 和 onunload 事件
onload 和 onunload 事件會(huì)在用戶進(jìn)入或離開頁(yè)面時(shí)被觸發(fā)。
onload 事件可用于檢測(cè)訪問(wèn)者的瀏覽器類型和瀏覽器版本,并基于這些信息來(lái)加載網(wǎng)頁(yè)的正確版本。
onload 和 onunload 事件可用于處理 cookie。
18 onchange 事件常結(jié)合對(duì)輸入字段的驗(yàn)證來(lái)使用。
下面是一個(gè)如何使用 onchange 的例子。當(dāng)用戶改變輸入字段的內(nèi)容時(shí),會(huì)調(diào)用 upperCase() 函數(shù)。
<input type="text" id="fname" οnchange="upperCase()">
19 onmouseover 和 onmouseout 事件可用于在用戶的鼠標(biāo)移至 HTML 元素上方或移出元素時(shí)觸發(fā)函數(shù)。
20 onmousedown, onmouseup 以及 onclick 構(gòu)成了鼠標(biāo)點(diǎn)擊事件的所有部分。首先當(dāng)點(diǎn)擊鼠標(biāo)按鈕時(shí),會(huì)觸發(fā) onmousedown 事件,當(dāng)釋放鼠標(biāo)按鈕時(shí),會(huì)觸發(fā) onmouseup 事件,最后,當(dāng)完成鼠標(biāo)點(diǎn)擊時(shí),會(huì)觸發(fā) onclick 事件。
轉(zhuǎn)載于:https://www.cnblogs.com/leaf526/p/3614738.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript初学笔记的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: WCF寻址
- 下一篇: CentOS6.3安装MySQL5.5