jQuery / Javascript框架内容和.contents()示例不起作用

时间:2016-08-21 21:58:09

标签: javascript jquery html iframe

我有一个加载一些帧的.asp页面,我需要访问它们的内容。

我试图通过复制文档中的官方示例来使用jquery .contents()方法,但即使这样也行不通。

这是我的代码片段

home.html的

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>contents demo</title>
  <script src="jquery-1.12.4.js"></script>
</head>
<body>

<iframe src="mycom.html" width="80%" height="600" id="frameDemo"></iframe>

<script>
$( "#frameDemo" ).contents().find( "div" ).css( "background-color", "#BADA55" );
</script>

</body>
</html>

MYCOM.HTML

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>

<body>
    <div id="foo"><H1>MYCOM FRAME!</H1></div>
</body>

</html>

在框架上使用.load以确保其内容已完全加载不起作用。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

以下是您问题的解决方案。

jQuery/JavaScript: accessing contents of an iframe

您的代码没问题,但您无法访问来自其他网域的iframe作为您的网页。