首頁 > web前端 > js教程 > javascript常用方法總結_javascript技巧

javascript常用方法總結_javascript技巧

WBOY
發布: 2016-05-16 15:59:13
原創
1071 人瀏覽過

1、JavaScript:寫入 HTML 輸出

複製程式碼 程式碼如下:

document.write("

This is a heading

");
document.write("

This is a paragraph

");

2、JavaScript:對事件做出反應

複製程式碼 程式碼如下:


3、JavaScript:改變 HTML 內容

複製程式碼 程式碼如下:

x=document.getElementById("demo") //找元素
x.innerHTML="Hello JavaScript"; //改變內容

4、JavaScript:改變 HTML 圖像

複製程式碼 程式碼如下:

element=document.getElementById('myimage')
element.src="../i/eg_bulboff.gif";

5、改變 HTML 樣式

複製程式碼 程式碼如下:

x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改變樣式

6、JavaScript 對大小寫敏感。

JavaScript 對大小寫是敏感的。
當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。
函數 getElementById 與 getElementbyID 是不同的。
同樣,變數 myVariable 與 MyVariable 也是不同的。

7、提示:一個好的程式設計習慣是,在程式碼開始處,統一對需要的變數進行宣告。

8、Value = undefined

在電腦程式中,常常會宣告無值的變數。未使用值來宣告的變量,其值實際上是 undefined。執行過以下語句後,變數 carname 的值將會是 undefined:
var carname;

9、建立 JavaScript 物件
本範例建立名為 "person" 的對象,並為其新增了四個屬性:

複製程式碼 程式碼如下:

person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

10、JavaScript 表單驗證

必填(或必選)項目
下面的函數用來檢查使用者是否已填寫表單中的必填(或必填)項目。假如必填或必選項為空,那麼警告框會彈出,並且函數的回傳值為 false,否則函數的回傳值則為 true(表示資料沒有問題):

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==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>
登入後複製

以上所述就是本文的全部內容了,希望大家能夠喜歡

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板