如何在注入时停止触发加载事件的空iframe？

Question

我是using an empty frameto handle pseudo-asynchronous form submission。对于那些不熟悉该技术的人来说，想法是在表单的target属性中引用帧的name属性，以便表单的action的URI在帧中解析并且用户体验不会中断。

要反馈给用户，我需要使用脚本来侦听表单上的load或error事件，并且因为这实际上使得整个UX脚本相关，所以我只注入框架并添加表单的目标通过脚本引用。

问题是，一旦它被注入页面，框架就会触发加载事件：default behaviour。

我可以用jQuery的one方法和e.stopImmediatePropagation()（here）减轻这种或I可以注入所述框架和然后绑定事件（here）。但是这两种选择都是非直觉的 - 代码当然需要评论以避免看起来像一个错误。

TL; DR：有什么办法可以修改或限定iframe来阻止它在注射时发射错误的加载事件吗？

我已经试过

1. 没有src属性
2. src设置为about:blank（这上面是隐含的）
3. src设置为#
4. src设置为javascript:void 0
5. src设置为空数据-URI data:text/plain;base64,;
6. srcdoc设置为空或接近空字符串

Answer 1

First put the iframe into the document, then register the listener:

var e = $('<iframe>'); 
e.appendTo('body'); 
e.on('load', function(){ 
    alert('Loaded!') 
});