原型框架/从按钮调用

Question

我认为这很简单，但我得到的结果与我读过的教程不一样。我在html页面上有一个按钮，用于调用脚本标记中的函数。我还引用了prototype.js文件，我还没有开始实现它。如果我在页面中保留该引用，则我的函数调用在按钮的onclick事件中不起作用。下面是按钮onclick事件调用的内容。

callIt = function(){

alert('It worked!');
}

</script>

Answer 1

以下几点：首先，确保您的HTML有效。通过http://validator.wc.org处的验证程序运行它。

接下来，一旦您确定您的页面有效，请将prototype.js库添加为页面上的第一个脚本参考：

<script type="text/javascript" src="prototype.js"></script>

请注意，我没有关闭它<script ... />脚本块需要有一个明确的结束标记（至少在XHTML 1.0 Transitional中）

现在，为了回答你的问题，我真的不确定你在问什么，但如果你想使用Prototype将callIt方法附加到按钮的onclick处理程序，那么执行以下操作：

Event.observe(window, 'load', function() {
    Event.observe('button_id', 'click', callIt);  
});

将此标记放在页面元素中的脚本标记中，位于原型脚本引用下方。这将在DOM加载时执行。该按钮存在于页面上。

希望这有帮助。

Answer 2

那很有用。我只是感到困惑，为什么我一直没有做过这样的例子。

谢谢！