腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語(yǔ)言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線(xiàn)工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫(kù)

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國(guó)CMS WordPress

常用工具

PHP開(kāi)發(fā)工具 python Photoshop 必備軟件

javascript常用方法總結(jié)

更新時(shí)間：2015年05月14日 09:31:40 投稿：hebedich

經(jīng)常使用的一些javascript方法，今天總結(jié)了一下，以便以后查詢(xún)，有需要的小伙伴可以參考下。

1、JavaScript：寫(xiě)入 HTML 輸出

復(fù)制代碼代碼如下:

document.write("<h1>This is a heading</h1>");

document.write("<p>This is a paragraph</p>");

2、JavaScript：對(duì)事件作出反應(yīng)

復(fù)制代碼代碼如下:

3、JavaScript：改變 HTML 內(nèi)容

復(fù)制代碼代碼如下:

x=document.getElementById("demo") //查找元素

x.innerHTML="Hello JavaScript"; //改變內(nèi)容

4、JavaScript：改變 HTML 圖像

復(fù)制代碼代碼如下:

element=document.getElementById('myimage')

element.src="../i/eg_bulboff.gif";

5、改變 HTML 樣式

復(fù)制代碼代碼如下:

x=document.getElementById("demo") //找到元素

x.style.color="#ff0000"; //改變樣式

6、JavaScript 對(duì)大小寫(xiě)敏感。

JavaScript 對(duì)大小寫(xiě)是敏感的。
當(dāng)編寫(xiě) JavaScript 語(yǔ)句時(shí)，請(qǐng)留意是否關(guān)閉大小寫(xiě)切換鍵。
函數(shù) getElementById 與 getElementbyID 是不同的。
同樣，變量 myVariable 與 MyVariable 也是不同的。

7、提示：一個(gè)好的編程習(xí)慣是，在代碼開(kāi)始處，統(tǒng)一對(duì)需要的變量進(jìn)行聲明。

8、Value = undefined

在計(jì)算機(jī)程序中，經(jīng)常會(huì)聲明無(wú)值的變量。未使用值來(lái)聲明的變量，其值實(shí)際上是 undefined。在執(zhí)行過(guò)以下語(yǔ)句后，變量 carname 的值將是 undefined：
var carname;

9、創(chuàng)建 JavaScript 對(duì)象
本例創(chuàng)建名為 "person" 的對(duì)象，并為其添加了四個(gè)屬性：

復(fù)制代碼代碼如下:

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

10、JavaScript 表單驗(yàn)證

必填（或必選）項(xiàng)目
下面的函數(shù)用來(lái)檢查用戶(hù)是否已填寫(xiě)表單中的必填（或必選）項(xiàng)目。假如必填或必選項(xiàng)為空，那么警告框會(huì)彈出，并且函數(shù)的返回值為 false，否則函數(shù)的返回值則為 true（意味著數(shù)據(jù)沒(méi)有問(wèn)題）：

<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>

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡

您可能感興趣的文章: