javascript - iframe DOM 问题 : undefined values when accessing form field

Question

我在调试一些 JavaScript 时遇到了麻烦，这通常看起来很容易修复。我尝试了多种方法，一些方法基于使用表单访问字段，其他方法则使用 getElementById。我还尝试在几个地方保留/删除名称属性。

在 Iframe 文件中，asdf_iframe.html:

    <form id="asdf_form" name="asdf_form" action="asdf_iframe.html">
      <input type="hidden" id="field_1">
    </form>

在基础文件中:

    <iframe id="asdf_iframe" name="asdf_iframe" src="asdf_iframe.html" height="50" width="50">
    </iframe>

    <script>
      function get_iframe_doc(_window,frame_id) {
        var frame_elem = _window.document.getElementById(frame_id);
        if(frame_elem.contentDocument)
          return frame_elem.contentDocument;
        else
          return frame_elem.contentWindow.document;
      }
    </script>

    <script>
      var asdf_iframe_doc = get_iframe_doc(this,"asdf_iframe"); //Profiler says this is defined
      asdf_iframe_doc.getElementById("field_1").value = 1234;   // Error Here: not defined
    </script>

我尝试了许多不同的方法来访问 field_1，但没有成功。

Answer 1

对我来说，好像你在打电话

asdf_iframe_doc.getElementById("field_1").value = 1234;

太早了。您需要在 iframe 加载完其 url 后调用该方法。

这是一次尝试。

window.onload = function() {
    var iframe = window.frames["asdf_iframe"];
    iframe.onload = function() {
        iframe.document.getElementById('field_1').value = 1234;
    }
}