JAVASCRIPT 中 Element 是什麼意思？有什麼作用？
Element就是頁面中的元素節點。
比如一個簡單的頁面HTML 是 這個樣子的：
<html>
<head><title>Hello World</title></head>
<body>
<table><tr><td>Just a simple page</td></tr></table>
</body>
</html>
以上示例中的這些HTML標記都可以稱為Element。 這 是 一個統稱，只是讓你知道這 是 什麼東西，實際使用時很少用到。 因為這些Element都有所指。 比如<table>，實際應用中可以用getElementByTagName來獲取，進而對<table>進行控制、編碼。
sleepingwolf 發表在 痞客邦 留言(0) 人氣(1,228)
Javascript 設定 getElementById 屬性的方法
紀錄 Javascript 設定 getElementById 的方法, 和 Style 有哪些屬性可以設定.(暫不討論 Framework 的寫法, 不過 style 能設的屬性是都一樣的. XD)
document.getElementById('NAME') 裡面的 NAME 就是 html tag 的 id="NAME". ex: <div id="choose">test</div>, 用 document.getElementById('choose').innerHTML 就可以抓到 test.
修改 Id 的 Html Tag 的值
要修改 <div id="choose">test</div> 的值, 要用下述方法:
var choose = document.getElementById('choose');
choose.innerHTML = 'book'; // 這樣子頁面上的 test 就會被改成 book 了.
// 或 document.getElementById('choose').innerHTML = 'book';
設定 Id 的 HTML Tag Style 屬性
設定屬性的做法是
document.getElementById('ID名稱').style.屬性 = '設定值';
ex:
document.getElementById('choose').style.fontWeight = 'bold';
document.getElementById('choose').style.color = '#448ECC';
有哪些 Style 可以設定?
參考 HTML DOM Style: HTML DOM Style Object
PS: 要測試請將 javascript 至於 <body> 的最後面.(HTML 都已經產生出來, 才不會有 js error)
sleepingwolf 發表在 痞客邦 留言(0) 人氣(2,113)
javascript問號表達式
說明
?:運算符是if...else語句的快捷方式。它通常被用作較大表達式的一部分，而在此處使用if...else語句是不協調的。例如：
var now = new Date();
var greeting = "Good" ((now.getHours() > 17) ? " evening." : " day.");
在該例子中，假如是6pm以後，則創建一個包含"Good evening."的字符串。
使用if...else語句的等效代碼如下：
sleepingwolf 發表在 痞客邦 留言(0) 人氣(1,516)
用JavaScript實現簡單的表單驗證.
//過濾非法字符
function checkStr(s)
{
var str0="<>'~!@#$%^&*()+=[]\\\";?/:{}|.,` “”‘’_";
sleepingwolf 發表在 痞客邦 留言(1) 人氣(2,408)
關鍵字:js驗證表單大全,用JS控制表單提交 ,javascript提交表單:
目錄:
1:js 字符串長度限制、判斷字符長度 、js限制輸入、限制不能輸入、textarea 長度限制
2.:js判斷中文字、判斷是否中文字 、只能輸入中文字
3:js判斷是否輸入英文、只能輸入英文
4:js只能輸入數字,判斷數字、驗證數字、檢測數字、判斷是否為數字、只能輸入數字
5:只能輸入英文字符和數字
6: js email驗證 、js 判斷email 、信箱/信箱格式驗證
7:js字符過濾,屏蔽關鍵字
8:js密碼驗證、判斷密碼
2.1: js 不為空、為空或不是對象 、判斷為空 、判斷不為空
2.2:比較兩個表單項的值是否相同
2.3:表單只能為數字和"_",
2.4:表單項輸入數值/長度限定
2.5:中文/英文/數字/信件地址合法性判斷
2.6:限定表單項不能輸入的字符
2.7表單的自符控制
2.8:form文本域的通用校驗函數1. 長度限制
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超過50個字符！");
document.a.b.focus();
return false;
}
}
</script>
<form. name=a nsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
sleepingwolf 發表在 痞客邦 留言(1) 人氣(7,225)
我的紀錄 (4)