視覺設計師學的 JavaScript 第一章

這是給視覺設計師的因為很簡單!!一般工程師看了或許會覺得簡單!可以直接找更高階的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("彈跳視窗文字")
};