初识JavaScript

仿照着书本写了第一支JavaScript程序，虽然简单，但是还是比较兴奋的。现在奉上。

(rock.png)(rock_happy.png)

<html>
 <head>
  <title>iRock - Virtual Pet Rock</title>
  <script type="text/javascript">
   function touchRock(){
    var username = prompt("What is your name?","Enter your name here.");

    if(username){
     alert("It is good to meet you, " + username + ".");
     document.getElementById("rockImg").src="rock_happy.png";
    }
   }
  </script>
 </head>

 <body onload="alert('Hello, I am your pet rock.');">
  <div style="margin-top:100px;text-align:center">
   <img id="rockImg" src="rock.png" alt="iRock" style="cursor:pointer"
    onclick="touchRock();"/>
  </div>
 </body>
</html>

学习到：

1. JavaScript为网页提供了交互，给网页带来了生命

设计网页三利器：HTML+CSS+JavaScript

2. JavaScript代码段放在<script type="text/javascript"></script>之间，其中<script>放在<head>里, 也可放在事件响应中，如上述onload和onclick事件

3. 最简单的自定义函数 function touchRock()， 系统自带两个函数 alert() 和 prompt()

4. 定义变量 var

5. 取得页面元素：document.getElementById("...")

6. 两个事件：onload 放在body中， 以及onclick

 

posted @ 2013-01-06 13:13  闲时乱翻书  阅读(244)  评论(0)    收藏  举报