JavaScript
這是一種輕量級的編程語言,也是當前互聯網中最流行的腳本語言,可用于HTML,CSS中.
直接寫入HTML輸出流
<script>
document.write("<h1>這是一個demo</h1>")
</script>
使用上面這段代碼可以在HTML頁面中輸出一個<h1>的標題(這里的<h1>可以更換成<p>,或者其他的一些界面元素),其中document描述的是當前窗口或指定窗口對象的文檔,每個載入瀏覽器的HTML文檔都會成為Document對象,專業成為DOM.其中document中有很多種方法,后面會專門寫一篇來記錄這些方法的使用,這里我們用到了它的write()方法,這個方法可以動態的向頁面中寫入內容.
對事件的反應
<button type="button" onclick="alert('測試!')">點擊</button>
alert()函數一般在JavaScript中并不是很常用,但是對于測試代碼功能來說是非常方便的.
改變HTML的樣式
<script>
function myFunction()
{
x=document.getElementById("test") // 找到元素
x.style.color="#ff0000"; // 改變樣式
}
</script>
<p id="test">元素樣式將會改變。</p>
<button type="button" onclick="myFunction()">點擊這里改變樣式</button>
這里我們用到了getElementById()方法,這里的參數可以讓我們直接定位到是HTML中那個元素,在上述的JavaScript代碼中的x實際上指向的就是<p></p>,點擊按鈕后執行myFunction()方法,就會讓元素樣式發生改變.
驗證用戶的輸入
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x=="" || isNaN(x))
{
alert("不是數字");
}
}
</script>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">點擊這里</button>
這段函數的作用是檢測<input>中輸入的是否是數字如果不是數字則會顯示提示信息,這里我們用了isNaN(numValue)函數,這個函數是用來檢測numValue的值是否為NaN,如果是NaN會返回true,反之返回false.NaN全稱Not a Number
今天的學習到此就結束了.
