Question

在此示例中，警报为空; 我想读取iFrame的位置，我正在使用object.src，但它只在我设置其src属性时才有效。但我使用window.open方法设置iFrame的位置，在这种情况下它不起作用。我做了什么？

<body>    
<iframe id="location" name="address" style="width:700px; height:700px;">  
</iframe>    
<script type="text/javascript" language="javascript">  
    window.open("http://www.google.com","address");  
    function clickMe()  
    {  
        var src = document.getElementBy Id("location").src;  
        alert(src);  
    }  
</script>  
<input type="button" onclick="clickMe()" value="click Me"/>  
</body>

Answer 1

不使用window.open（），为什么不使用：

document.getElementById("location").src = "http://www.google.com";

现在您可以使用getElementById（）

获取其位置

您可以通过访问location.href属性来实现。当然，出于安全原因，如果iframe是另一个域，浏览器将不允许您访问iframe的DOM。

var oIframe = document.getElementById("location");
// for compatibility
var oDoc = oIframe.contentWindow || oIframe.contentDocument;
if (oDoc.document) {
    oDoc = oDoc.document;
}
alert(oDoc.location.href);

Answer 2

如果您通过应在同一域中工作的句柄进行访问，则会出现相同的安全问题

<script>
var win;
function load(link) {
  win=window.open(link.href,link.target)
  return win?false:true;
}
function tell(winName) {  
  try {
    alert(win.location.href)
    try {
      var handle = window.open('',winName);
      alert(handle.location.href)
    }
    catch(e) {
      alert('oops getting location via window handle:'+e.message)
    }
  }
  catch(e) {
    alert('Ooops getting location:'+e.message)
  }
}  
</script>

<iframe src="about:blank" name="if1"></iframe><br/>
<a href="http://www.google.com" target="if1" onClick="return load(this)">Load foreign link</a><br />
<a href="showhref.html" target="if1" onClick="return load(this)">Load local link</a><br />
<a href="#" onClick="return tell('if1')">Tell</a><br />

在javascript中的iframe位置

2 个答案: