日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript初学笔记

發布時間:2025/4/14 javascript 15 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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初学笔记的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。