JavaScript 簡介
JavaScript 是什麼？
JavaScript 是一種廣泛應用於用戶端網頁（瀏覽器）開發的腳本語言，如用來為HTML 網頁新增動態功能，例如回應使用者的各種操作等。
JavaScript 是一種基於物件(Object)和事件驅動(Event Driven)並具有安全效能的腳本語言，大部分情況下是由網頁瀏覽器來執行的。
JavaScript 是美國Sun 公司的註冊商標，目前Javascript 的最新版本為1.9 版，遵循Ecma 國際（前身為歐洲電腦製造商協會）的ECMA-262標準（即ECMAScript），該版本還在不斷發展中。
JavaScript 特性
腳本編寫語言
基於物件的語言
簡單性
安全性
動態性
直接寫入HTML 輸出
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
<p>...</p>
</body>
</html>#對事件的反應
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<button type="button" onclick="alert('你好!')">点我!</button>
</body>
</html> 改變HTML 內容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">
内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>改變HTML 圖片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡查看效果</p>
</body>
</html>改變HTML 樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">
改变 HTML 的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="blue"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>驗證輸入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>
