<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>confirm确认对话框</title> <script> function rec(){ var mymessage=confirm("你是女生吗?"); if(mymessage==true){ document.write("你是女生!"); } else{ document.write("你是男生!"); } } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我,弹出确认对话框"> </body> </html>
注意代码中的分号,要用英文的,你用的中文的。改了就可以了。
var mymessage=confirm("你是女生吗?");
if(mymessage==true){
document.write("你是女生!");
}
else{
document.write("你是男生!");
}
请注意调用函数的方法,没加括号,还有id属性记得加引号:<input type="button" value="点我变红" onclick='toRed()' >
<input type="button" value="点我变绿" onclick='toGreen()'>
<input type="button" value="点我变黄" onclick='toYellow()'>
<div id="cont"></div>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>函数传参</title> <style> #cont{ width:300px; height:300px; background:gray; } </style> <script> function toRed() { var contid=document.getElementById('cont'); contid.style.background='red'; } function toGreen() { var contid=document.getElementById('cont'); contid.style.background='green'; } function toYellow() { var contid=document.getElementById('cont'); contid.style.background='yellow'; } </script> </head> <body> <input type="button" value="点我变红" onclick='toRed' > <input type="button" value="点我变绿" onclick='toGreen'> <input type="button" value="点我变黄" onclick='toYellow'> <div id=cont></div> </body> </html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>函数传参</title>
<style>
#cont{
width:300px;
height:300px;
background:gray;
}
</style>
<script>
function toRed()
{
var contid=document.getElementById('cont');
contid.style.background='red';
}
function toGreen()
{
var contid=document.getElementById('cont');
contid.style.background='green';
}
function toYellow()
{
var contid=document.getElementById('cont');
contid.style.background='yellow';
}
</script>
</head>
<body>
<input type="button" value="点我变红" onclick='toRed' >
<input type="button" value="点我变绿" onclick='toGreen'>
<input type="button" value="点我变黄" onclick='toYellow'>
<div id=cont></div>
</body>
</html>
真厉害!怎么看出来的?差别真的好小,中文的分号要细小点,英文的分号更加粗大一点;但是我在书上看的说分号不是必须,但是一种良好的编写习惯建议加上;但没想到,写错分号影响这么大,直接导致效果显示不出来!