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

最新推荐文章于 2019-06-22 19:44:57 发布

巴黎没有欧莱雅你也不值得被拥有

最新推荐文章于 2019-06-22 19:44:57 发布

阅读量282

点赞数

分类专栏： Head first JavaScript

本文链接：https://blog.csdn.net/lp15203883326/article/details/75276278

版权

Head first JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

文档：资源

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>