javascript关于onclick()

Posted 缘琪梦

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript关于onclick()相关的知识，希望对你有一定的参考价值。

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()的主要内容，如果未能解决你的问题，请参考以下文章

关于onclick事件中的参数传递问题

javascript 有用的片段关于画布

几个关于js数组方法reduce的经典片段

设置onclick侦听器在android中无法从一个片段移动到另一个活动[重复]

如何使用 iOS WKWebView 注入 JavaScript 回调来检测 onclick 事件？

几个关于js数组方法reduce的经典片段