-
操作 HTML 元素
- 如需從
JavaScript訪問某個 HTML 元素，您可以使用document.getElementById(id)方法。請使用id屬性來標識HTML元素：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<!--定義一個id = demo的p標簽，內容是：javascript 改變HTML元素-->
<p id="demo">javascript 改變HTML元素</p>
<!--創建一個type=button的按鈕標簽，點擊事件是：jsfunction(),內容是：來點我-->
<button type="button" onclick="jsfunction()">來點我</button>
<!--定義一個type = "text/javascript" 的script標簽，通過document.getElementById查找id=demo的html標簽相應方法jsfunction ，
在通過innerHTML改變HTML對應的內容-->
<script type="text/javascript">
function jsfunction() {
x = document.getElementById("demo");
x.innerHTML = "hello javascript";
}
</script>
</body>
</html>
- 寫到文檔輸出
下面的例子直接把 <p> 元素寫到 HTML 文檔輸出中：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一張網頁</h1>
<script>
document.write("<p>我的第一段 JavaScript</p>");
</script>
</body>
</html>
警告:請使用document.write()僅僅向文檔輸出寫內容。如果在文檔已完成加載后執行 document.write，整個 HTML 頁面將被覆蓋
-
match()：用于檢索對應的值
match() 方法可在字符串內檢索指定的值，或找到一個或多個正則表達式的匹配。
該方法類似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。、
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<p>點擊燈泡來點亮或熄滅這盞燈</p>
</body>
</html>
-
JavaScript 函數和事件
HTML 中的腳本必須位于 <script> 與 </script> 標簽之間。
腳本可被放置在 HTML 頁面的 <body> / <head> 部分中、外部的 JavaScript。
<head> 或 <body>中的JavaScript,您可以在HTML 文檔中放入不限數量的腳本。腳本可位于 HTML 的 <body> 或 <head>部分中，或者同時存在于兩個部分中。通常的做法是把函數放入 <head> 部分中，或者放在頁面底部。這樣就可以把它們安置到同一處位置，不會干擾頁面的內容
外部的 JavaScript，也可以把腳本保存到外部文件中。外部文件通常包含被多個網頁使用的代碼。外部 JavaScript文件的文件擴展名是 .js。如需使用外部文件，請在<script> 標簽的 "src" 屬性中設置該 .js 文件
js.js中Js代碼
js-input中調用外部js.js中代碼
-
數據類型
JavaScript 布爾
布爾（邏輯）只能有兩個值：true 或 false。
var x=true
var y=false
-
JavaScript 數組
JavaScript 數組 -
Undefined 和 Null
Undefined 這個值表示變量不含有值。可以通過將變量的值設置為null 來清空變量。
-
聲明變量類型
當您聲明新變量時，可以使用關鍵詞"new"來聲明其類型：
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
-
函數
JavaScript 函數語法
函數就是包裹在花括號中的代碼塊，前面使用了關鍵詞function：
// 無參數，無返回值
function functionname()
{
這里是要執行的代碼
}
//有參數，無返回值
function myFunction(var1,var2)
{
這里是要執行的代碼
}
無參數，有返回值
function myFunction()
{
var x=5;
return x;
}
有參數，有返回值
function myFunction(var1,var2)
{
var x=5;
return x;
}
