Head first JavaScript_#1简单用户交互界面

来源：互联网发布：tcp 发送syslog java 编辑：程序博客网时间：2024/06/10 21:21

文档：资源

onload 事件在网页载入完毕后触发
onclick 网页点击鼠标触发事件
prompt()负责制作弹出窗口，并向用户询问名字
style="cursor:pointer" 当鼠标移过图像上方时，改变鼠标光标为手掌型
onclick = "touchRock()"石头原图的onclick()函数于点击图像时受到调用。

添加取得用户名字函数
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_m_smile.png";
    }
}

code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>i-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 = "images/rock_m_smile.png";
    }
}
</script>
</head>

阅读全文

0 0