初识JavaScript

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 53 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/happyking/archive/2013/01/06/2847530.html

文章标签：

#javascript #ViewUI

仿照着书本写了第一支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>

学习到：

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

转载于:https://www.cnblogs.com/happyking/archive/2013/01/06/2847530.html