Question

我已经将iframe附加到我的网站上，并且尝试了很多时间为iframe文本框添加价值。但是没有用，是否有任何方法可以为iframe增值。

我尝试过

var test = $('#text').contents();

 test.value="WELCOME";

这里是我的example.com/test/index.html

      <html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <div>
        <label>Filed1
        <label>
           <textarea id="text"></textarea>
     </div>
      </body>
       </html>

我的iframe：

   <iframe id ="test" width="350" height="400" 
   src="www.example.com/test/index.html" frameborder="1"  ></iframe>

Answer 1

您尝试过val吗？，它只能在相同的域链接上工作！

$('#test').contents().find('#text').val('WELCOME');

请确保将JavaScript放在iframe之后，或将其放在onload调用的iframe事件中

谢谢：）

Answer 2

对于 IFrame ，有一个名为contentWindow的属性，因此框架内部包含整个html页面；还有文档，您可以访问iframe的内部内容。

// html:
// <iframe id="a"></iframe>

var f = document.getElementById("a");
var fd = f.contentWindow.document;

清除内容或寻址src：

// clear content 
element.src = "about:blank";

编写内容：

// write new content
var newHtml = '<html><body><textarea id="aa">Hello</textarea></body>'
f.contentWindow.document.open();
f.contentWindow.document.write(newHtml);
f.contentWindow.document.close();

并访问内部内容元素：

fd.getElementById("aa").value = "orange";

// or in JQuery :    
$("#aa",fd).val("Hello again");

操纵iframe的ID元素

2 个答案: