Javascript获取Iframe内容

Javascript get Iframe contents

本文关键字：内容 Iframe 获取 Javascript      更新时间：2023-09-26

我试图在javascript警报中获取iframe的内容，但警报显示为空

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Untitled</title>
</head>
<style>
iframe {height:200px; width:300px; border:1px solid #000}
</style>
<script>
var iframe = document.getElementById("myFrame");
var iframe_contents = iframe.contentDocument.body.innerHTML;
function newDoc() {
alert (document.getElementById('myFrame').innerHTML) ;
}
</script>
<body>
<iframe src="http://api.adf.ly/api.php?key=c02fe2b360ee4b566a4f1e14d84b279b&uid=3141484&advert_type=banner&domain=adf.ly&url=http://somewebsite.com" id="myFrame">
</iframe><br>
 </br>
 <img src="http://www.giftworksconnect.com/wp-content/uploads/2012/10/download.png" width="100" onclick="newDoc(); return false;" style=" cursor: pointer;" border="0" id="adflink" />

</body>
</html>

任何帮助都将不胜感激问候

编辑：

我正在尝试获取IFRAME的内容，因为我正在使用Adf.lyApi"http://api.adf.ly/api.php?key=c02fe2b360ee4b566a4f1e14d84b279b&uid=3141484&advert_type=横幅&domain=adf.ly&url=http://somewebsite.com"但是这个api用一个空白页面回应，其中包含我想要的短端url直接在我的网站脚本中使用缩短的url

我猜您的主（父）页面在另一个域上。在这种情况下，由于跨域限制，您对iframe内容的访问被禁止。如果您无法控制内部页面（api.adf.ly/api.php），则无法使用页面上的客户端代码来处理它。

替换您的下线

alert (document.getElementById('myFrame').innerHTML) ;

具有以下

alert(document.getElementById('myFrame').src);

我想这对你有用。

相关文章：