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