這是給視覺設計師的因為很簡單!!一般工程師看了或許會覺得簡單!可以直接找更高階的JS去學,
身為設計師最怕的就是寫程式,所以學程式最重要的就是自己動手寫!!才會印象深刻
網頁上加上javascript 都會在<head> </head>
裡面,通常CSS會寫在最上面之後才是JavaScript
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style>
CSS
</style>
<script>
JavaScript
</script>
</head>
document.write();
document.write();
在字面上文字就是文件.寫();
就是把打的字都寫進去網頁
Document Object Model 簡稱 DOM,簡單的解釋就是使用javascrip來控制
HTML
網頁裡面的每個物件
範例 1-1
document.write("裡面可以打文字");
document.wiite("<h2>加上html也可以</h2>")
window.alert(); 應用
- window可以省略,只要寫alert就可以了
- 字串要加引號
alert("文字敘述");
- 數字不用加引號
alert(11111111111);
範例 1-2
alert("裡面可以寫字")
function
- 一個 function 可以視為一個封閉區塊
- 網頁打開 function 裡面的東西並不會直接執行這段程式,要呼叫這個 function 的名字 才會被執行一次
範例 1-3
function f2e(){
alert("彈跳視窗文字")
};
f2e();
- onload 會先等整個網頁跑完,最後才會去呼叫 function 並且執行一次
範例 1-4
function f2e(){
alert("彈跳視窗文字")
};
window.onload=f2e;
window.onload=f2e; 沒加()才會有等待整個網站讀取完畢才執行的功能
匿名函式:不用幫functon 取名字
window.onload=function(){
alert("彈跳視窗文字")
};