我想使用 jQuery 操作 iframe 中的 HTML。
我想我可以通过将 jQuery 函数的上下文设置为 iframe 的文档来做到这一点，例如：
$(function(){ //document ready
$('some selector', frames['nameOfMyIframe'].document).doStuff()
});
但是，这似乎不起作用。一些检查表明，除非我等待 iframe 加载一段时间，否则变量是frames['nameOfMyIframe']存在的undefined。但是，当 iframe 加载时，变量不可访问（我收到permission denied-type 错误）。
有谁知道解决这个问题的方法？
我认为你正在做的事情受到同源政策的约束。这应该是您收到权限被拒绝类型错误的原因。
你可以使用.contents()jQuery的方法。
.contents()如果 iframe 与主页在同一域中，则该方法还可用于获取 iframe 的内容文档。
$(document).ready(function(){
$('#frameID').load(function(){
$('#frameID').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
});
});
如果 iframe src 来自另一个域，您仍然可以这样做。您需要将外部页面读入 PHP 并从您的域中回显它。像这样：
<?php
$URL = "http://external.com";
$domain = file_get_contents($URL);
echo $domain;
?>
然后是这样的：
<html>
<head>
<title>Test</title>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
cleanit = setInterval ( "cleaning()", 500 );
});
function cleaning(){
if($('#frametest').contents().find('.selector').html() == "somthing"){
clearInterval(cleanit);
$('#selector').contents().find('.Link').html('ideate tech');
}
}
</script>
<body>
<iframe name="frametest" id="frametest" src="http://yourdomain.com/iframe_page.php" ></iframe>
</body>
</html>
以上是如何通过 iframe 编辑外部页面而不拒绝访问等的示例...
用
iframe.contentWindow.document
代替
iframe.contentDocument