我自己在sublime中手写代码,对话框怎么就是弹跳不出来了?

来源:2-4 JavaScript-提问(prompt 消息对话框)

夜幕客船

2017-07-12 17:01

<!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>


写回答 关注

5回答

  • 肖潇筱萧3402552
    2017-07-12 17:50:03
    已采纳

    注意代码中的分号,要用英文的,你用的中文的。改了就可以了。

    var mymessage=confirm("你是女生吗?");

    if(mymessage==true){

    document.write("你是女生!");

    }

    else{

    document.write("你是男生!");

    }



    夜幕客船

    非常感谢!

    2017-07-12 18:21:09

    共 1 条回复 >

  • 肖潇筱萧3402552
    2017-07-14 10:24:47

    请注意调用函数的方法,没加括号,还有id属性记得加引号:<input type="button" value="点我变红" onclick='toRed()' >

    <input type="button" value="点我变绿" onclick='toGreen()'>

    <input type="button" value="点我变黄" onclick='toYellow()'>

    <div id="cont"></div>


  • 夜幕客船
    2017-07-13 19:57:18
    <!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>


  • 夜幕客船
    2017-07-13 19:54:46

    <!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>


  • 夜幕客船
    2017-07-12 18:23:09

    真厉害!怎么看出来的?差别真的好小,中文的分号要细小点,英文的分号更加粗大一点;但是我在书上看的说分号不是必须,但是一种良好的编写习惯建议加上;但没想到,写错分号影响这么大,直接导致效果显示不出来!

    夜幕客船 回复肖潇筱萧34...

    恩 我用的是sublime书写,但是不知道怎么设置代码错误自动提示?你重新打开这个提问,我在下面的答案中新写了一串代码,中英文输入也注意了,可就是不显示?亲 帮忙看看!

    2017-07-13 19:56:11

    共 2 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题