码迷,mamicode.com
首页 > 编程语言 > 详细

javascript关于onclick()

时间:2017-10-09 18:42:13      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:javascrip   round   color   document   ntb   bsp   element   文本   head   

1

<html>
<head>
<title>js1
</title>
<style>
#content{
margin:0 auto;
text-align:center;
}
</style>
</head>
<body onload="alert(‘hello!‘);">
<div id=content>
<img src="stone.jpg"/>
</div>
</body>
</html>

 

2

<html>
<head>
<title>js1
</title>
<style>
#content{
margin:0 auto;
text-align:center;
}
#rockImg{
cursor:pointer;}
</style>
<script>
function touchRock(){
var userName=prompt("你的名字是什么?");
if(userName)
{
alert("很高兴遇见你"+userName+"!");
document.getElementById("rockImg").src="rock_stone.jpg";
}}
</script>
</head>
<body>
<div id=content>
<img id="rockImg" src="stone.jpg" onclick="touchRock()"/>
</div>
</body>
</html>

脚本通常以以下几种方式:文本/数字/布尔

区分常量(const)和变量(var)

javascript关于onclick()

标签:javascrip   round   color   document   ntb   bsp   element   文本   head   

原文地址:http://www.cnblogs.com/Yimi/p/7642143.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!