代码之家 › 专栏 › 技术社区 › Mark Szymanski

W3Schools教程示例不使用Mac上的Coda

html javascript

Mark Szymanski · 技术社区 · 16 年前

我正在W3Schools网站上学习javascript教程,我有以下代码:

<html>

<head>

<title>Hello!</title>

</head>

<body>

<script type="text/javascript">
function confirmShow
{
    var r = confirm("Press one...")
    if (r == true)
    {
        alert("Button pressed == OK")
    }

    if (r == false)
    {
        alert("Button pressed == Cancel")
    }
}
</script>
<input type="button" onclick="confirmShow()" value="Show Confirm Box" />
</body>



</html>

每当我在Coda或Safari中预览它,警报就不会出现。

事先谢谢!

4 回复 | 直到 14 年前

Nikita Rybak 16 年前

“函数confirmShow”=>“函数confirmShow()”

Firebug很适合JS调试,试试看。Safari也有选择,Afaik。

j2me 16 年前

功能确认显示 {

函数确认显示() { ?

Robusto 16 年前

我不知道这是不是你的问题,但你的按钮是外部这个 <body> 标签。可能会给你带来麻烦…

另外,我们通常会在 <head> 元素。只是FIY。

boogyman 16 年前

1)W3学校存在错误和遗漏。在howtocreate.co.uk可以找到更好的教程。

2)您没有doctype声明,并且使用的是xhtml语法。

2.1)IE不支持true,有关详细信息,请参阅webdevout.net/articles/当心-xhtml 3)您需要按照规范将一个元素和另一个块级元素封装在一个元素中。

有关正确的HTML5文档,请参见下文。注意位置和语法

<!DOCTYPE html>
<html>
<head>
    <title>Hello!</title>
<script>
function confirmBox() {
    var ret = confirm('Some Text');
/*
Note the 3 equal signs. This is a strict comparison operator, to check both the 'value' as well as the type. see https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Operators for more
*/
    if(ret === true) { 
        alert('Alert box for "Okay" value');
    }
    else if(ret === false) {
        alert('Alert box for "Cancel" value');
    }
}
window.onload = function() {
    // Execute the confirmBox function once the 'button' is pressed.
    document.getElementById('confirmBox').onclick = confirmBox;
}
</script>
</head>
<body>


<form>
<p>
<input type="button" id='confirmBox' value="Show Confirm Box">
</p>
</form>


</body>
</html>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前