接下來就來介紹幾個比較常用到的物件跟函式
1. 定時器
定時器有分兩種
一種是定時執行一次，另一種是重複執行
就先從定時執行開始吧
語法:
var 變數 = window.setTimeout("方法名或方法","時間");
範例:
<html>
<head>
</head>
<body>
<script type="text/javascript">
var t = window.setTimeout(t1,5000);
function t1(){
alert(123);
}
</script>
</body>
</html>
執行上方語法後
會在五秒後執行t1的函式
第二個參數時間的單位是毫秒
其實也可以不需要用變數承接
但是用了變數的原因是因為如果要取消的話
取消的語法如下
window.clearTimeout(變數);
第二種的重付執行也只是把setTimeout換成setInterval
取消的語法把clearTimeout換成clearInterval
2. 改變title內容
大家應該有印象在FB有朋友傳訊息的時候
標題欄位會變動吧
使用這種方式可以達到那種效果
語法:
document.title = "文字";
範例:
<html>
<head>
<title>Test</title>
</head>
<body>
<script type="text/javascript">
document.title = "測試";
</script>
</body>
</html>
執行後會發現標籤欄位並非是Test,而是被改成測試
document這個物件是瀏覽器的物件集合
這個物件中有一堆東西可以挖
當然,很多東西也可能幾乎用不到
所以我也只會找出一些常用的
其實這個也能跟剛剛的定時器做搭配
範例2:
<html>
<head>
<title>Test</title>
</head>
<body>
<script type="text/javascript">
var k = true;
function t1(){
if(k){
document.title = "Test";
k = false;
}else{
document.title = "測試";
k = true;
}
}
window.setInterval(t1,1000);
</script>
</body>
</html>
執行後會看到標題欄每一秒變動一次
3. 更改網址連結到另外一個網頁
這跟A標籤其實是一樣的效果
但是在JS中可以在之前做出一些判斷後再決定可以轉到哪一個頁面
語法:
document.location.href = "網址";
範例:
<html>
<head>
<title>Test</title>
</head>
<body>
<script type="text/javascript">
document.location.href = "http://www.google.com";
</script>
</body>
</html>
執行後會直接轉到GOOGLE
看是相對的
document.location.href 可以直接取得目前網址
4. 開新視窗
語法:
window.open("網址");
範例:
<html>
<head>
<title>Test</title>
</head>
<body>
<script type="text/javascript">
window.open("http://www.google.com");
</script>
</body>
</html>
這個語法現在很容易會被瀏覽器檔了下來
因為是跳出視窗
所以要不要用就看情況了
5. 創建HTML物件
其實除了事先把HTML寫完
其實也可以由JS來創建HTML物件
創建出來的HTML物件也有各自的屬性可以設定
語法:
document.createElement("標籤名");
範例:
<html>
<head>
<title>Test</title>
</head>
<body>
<script type="text/javascript">
var c = document.createElement("DIV");
c.innerHTML = "<span style='color:red;'>123456789</span>";
document.body.appendChild(c);
</script>
</body>
</html>
JS語法第一行創建了一個DIV的物件
第二行在這DIV物件中的HTML改成了<span style='color:red;'>123456789</span>
第三行把DIV物件放到body下
所以執行後可以看到有東西顯示
今天就先解釋這五個
剩下幾篇的JS教學也會把一些常用語法介紹
然後加上之前所教學的組成一些範例
請大家敬請期待吧