-
操作 HTML 元素
- 如需從
JavaScript
訪問某個 HTML 元素郊艘,您可以使用document.getElementById(id)
方法辐怕。請使用id
屬性來標(biāo)識HTML
元素:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<!--定義一個id = demo的p標(biāo)簽肥哎,內(nèi)容是:javascript 改變HTML元素-->
<p id="demo">javascript 改變HTML元素</p>
<!--創(chuàng)建一個type=button的按鈕標(biāo)簽,點(diǎn)擊事件是:jsfunction(),內(nèi)容是:來點(diǎn)我-->
<button type="button" onclick="jsfunction()">來點(diǎn)我</button>
<!--定義一個type = "text/javascript" 的script標(biāo)簽亡鼠,通過document.getElementById查找id=demo的html標(biāo)簽相應(yīng)方法jsfunction 错维,
在通過innerHTML改變HTML對應(yīng)的內(nèi)容-->
<script type="text/javascript">
function jsfunction() {
x = document.getElementById("demo");
x.innerHTML = "hello javascript";
}
</script>
</body>
</html>
- 寫到文檔輸出
下面的例子直接把 <p> 元素寫到 HTML 文檔輸出中:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一張網(wǎng)頁</h1>
<script>
document.write("<p>我的第一段 JavaScript</p>");
</script>
</body>
</html>
警告:請使用document.write()
僅僅向文檔輸出寫內(nèi)容。如果在文檔已完成加載后執(zhí)行 document.write
吧趣,整個 HTML 頁面將被覆蓋
-
match():用于檢索對應(yīng)的值
match() 方法可在字符串內(nèi)檢索指定的值法竞,或找到一個或多個正則表達(dá)式的匹配。
該方法類似 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>
![](/i/eg_bulboff.gif)
<p>點(diǎn)擊燈泡來點(diǎn)亮或熄滅這盞燈</p>
</body>
</html>
-
JavaScript 函數(shù)和事件
HTML 中的腳本必須位于 <script> 與 </script> 標(biāo)簽之間呆细。
腳本可被放置在 HTML 頁面的 <body> / <head> 部分中、外部的 JavaScript八匠。
<head>
或 <body>
中的JavaScript
,您可以在HTML
文檔中放入不限數(shù)量的腳本絮爷。腳本可位于 HTML
的 <body>
或 <head>
部分中,或者同時存在于兩個部分中梨树。通常的做法是把函數(shù)放入 <head> 部分中坑夯,或者放在頁面底部。這樣就可以把它們安置到同一處位置抡四,不會干擾頁面的內(nèi)容
外部的 JavaScript
柜蜈,也可以把腳本保存到外部文件中。外部文件通常包含被多個網(wǎng)頁使用的代碼指巡。外部 JavaScript
文件的文件擴(kuò)展名是 .js淑履。如需使用外部文件,請在<script>
標(biāo)簽的 "src" 屬性中設(shè)置該 .js 文件
-
數(shù)據(jù)類型
JavaScript 布爾
布爾(邏輯)只能有兩個值:true 或 false藻雪。
var x=true
var y=false
-
JavaScript 數(shù)組
-
Undefined 和 Null
Undefined
這個值表示變量不含有值鳖谈。可以通過將變量的值設(shè)置為null
來清空變量阔涉。
-
聲明變量類型
當(dāng)您聲明新變量時,可以使用關(guān)鍵詞"new"
來聲明其類型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
-
函數(shù)
JavaScript
函數(shù)語法
函數(shù)就是包裹在花括號中的代碼塊捷绒,前面使用了關(guān)鍵詞function
:
// 無參數(shù)瑰排,無返回值
function functionname()
{
這里是要執(zhí)行的代碼
}
//有參數(shù),無返回值
function myFunction(var1,var2)
{
這里是要執(zhí)行的代碼
}
無參數(shù)暖侨,有返回值
function myFunction()
{
var x=5;
return x;
}
有參數(shù)椭住,有返回值
function myFunction(var1,var2)
{
var x=5;
return x;
}