使用Event.observe可以更好地让页面元素与js代码分离,如下面的代码.
<html>
<head>
<title>测试</title>
<script type="text/javascript" src="prototype-1.5.1.2.js"></script>
</head>
<body>
请输入:<input type="text" name="birth" id="birth"/><br/>
<input id="btn_test" type="button" value="测试" />
</body>
</html>
<script type="text/javascript" language="javascript">
Event.observe('btn_test', 'click', test);
function test(){
alert("弹出消息!!!");
}
</script>
不过,我如果将function test(){}方法变成一个接受参数的方法,那么页面一载入就会执行test弹出消息的方法,而不是等着按钮被点击后执行test,不知道为什么会这样?
<html>
<head>
<title>测试</title>
<script type="text/javascript" src="prototype-1.5.1.2.js"></script>
</head>
<body>
请输入:<input type="text" name="birth" id="birth"/><br/>
<input id="btn_test" type="button" value="测试" />
</body>
</html>
<script type="text/javascript" language="javascript">
Event.observe('btn_test', 'click', test("弹出消息!!!"));
function test(msg){
alert(msg);
}
</script>
注:我用firefox运行,在错误控制台,看到了有如下的异常信息.
引用
错误: uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: file:///C:/Documents%20and%20Settings/Administrator/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/prototype-1.5.1.2.js :: anonymous :: line 3014" data: no]
有哪位大虾能帮忙解答一下此问题?
分享到:
相关推荐
Object.observe, Object.observe polyfill/shim尝试兼容 其他选项MaxArt2501已经经开始了自己的Object.observe polyfill,看看他的提交历史和推理,让我认为它可以能会很好地支持。 如果你寻找一个 Object.observe ...
一个使Array.observe和Object.observe易于使用的Javascript类。 Observe_evented的特长是将本机API返回的一批更改分为原子事件和一致事件。 它还提供了多个选项,使它们更易于处理。 在上进行测试。 该库没有依赖...
Object.prototype.observe()一个简单替代方案,可以轻松地为变量附加 onChange 侦听器/触发器。 您是否曾经希望能够在变量更改时触发事件,但又不想依赖不受广泛支持的Object.observe()或Object.watch()方法? 现在...
- 是在 Object.prototype 上定义的方法 - 它是 ECMAScript 7(Harmony) 规范的一部分。 - 在浏览器级别异步观察对象的变化。 - 观察者按照它们发生的顺序接收一系列变化。 - 使用 Object.unobserve() 移除监听器...
Rx.Observe RxJava2 ready ! Create an interface with @Observe annotated method public class User { private int age; @Observe public int getAge() { return age; } @Observe public void setAge...
Observe+(现在观察嵌套对象/数组!) Observe+ 是一个基于的库,增加了以下功能: 对单个属性/索引/事件类型进行细粒度观察 观察嵌套对象和数组 在发布所有事件之前暂停/恢复对数据结构进行批量更新 在事件...
该组件可以在浏览器和node-js环境中使用。 什么是Object.observe Object.observe()是将来的ECMAScript标准的一部分,是一种用于异步观察JavaScript对象的更改而无需单独的库的方法。 它允许观察者接收按时间顺序...
兼容性nested-observe内部使用WeakMap (用于垃圾收集)。 Node.js的支持WeakMap和Object.observe从版本0.11.13 。 对于浏览器,请查看: 。 对于不受支持的浏览器 ,您可以使用垫片,例如和 。应用程序接口 var ...
Object.observe 扩展 ###Oject.observe 封装引入简单的数据绑定(仅适用于 global aero 版本,尚不支持 commonJS 版本) Object.observe 目前仅在 Chrome 浏览器中实现。 为了得到一个完整的Object.observe支持,你...
基于 Observation 库的Object.observe polyfill 例子 // A user model var user = { id: 0, name: 'Romeo Kenfack Tsakem', title: 'Mr.' }; // Create a greeting for the user function updateGreeting() { ...
ecmascript-object-observe ECMAScript Object.observe规范建议 可读规范位于 。 此规范提案使用来生成HTML运行 npm install -g ecmarkdown mkdir out ecmarkdown spec/index.html out/index.html cp css/elements...
现在,Object.observe开始在各种JS运行时中可用,数据绑定库可以是独立的。 多年以来,我们一直使用类似Backbone的模型来发布更改发生时的事件,或者使用带有脏检查的类似Angular的摘要循环。 这些是在浏览器中实现...
table-view.js 用标准JavaScript编写的自动表更新程序。 设计用于移动设备的紧凑... 没有依赖关系,但是如果您希望Object.observe在不兼容的浏览器中工作,请在加载TableView脚本之前先加载Object.observe 。 排序代码
观察 局部Object.observ Polyfill。 “观察”是一个非常微小且不完整... 如果可用,它将使用本机Object.observe建造npm运行构建运行测试npm测试Observe ✓ should notify of any property changes1 passing (13ms)
java-观察者模式(Observe)
可观察阵列短篇小说这是的扩展,允许您将观察器功能添加到任何标准JavaScript数组中。 此后,如果以任何方式更改数组,则将调用您的观察者。我该如何使用呢? 只需包含underscore-observe.js文件及其依赖项...
由于 Object.observe 是 Harmony (ECMAS 7),它现在只能在 Chrome 中使用(感谢支持未来的 Google!) 此任务列表允许执行以下操作: 创建/更新/销毁/完成/重做所有任务 任务的内联编辑 摆脱内联编辑 建筑学 这是...
Object.observe shim 请参阅:。 目标: 该 shim 提供了和谐提案中描述的算法的实现,旨在适用于所有符合 ES5 的浏览器。 依赖项: 虽然此实现没有依赖项,但它会尝试使用“setImmediate”(如果存在),如果不...
实时手表 工作正在进行中 使用Object.observe在模型上设置属性,而不是直接调用.set / .get 。 用法 执照 麻省理工学院。 有关详细信息,请参阅 。
jsop JSON文件的单向数据绑定jsop是由Object.observe支持的JSON文件读取器/写入器。前var fs = require ( 'fs' )var config = JSON . parse ( fs . readFileSync ( 'config.json' ) )config . foo = 'bar'fs . ...