<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap-css@3.0.3" data-semver="3.0.3" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
<link data-require="font-awesome@*" data-semver="4.0.3" rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" />
<script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="bootstrap@*" data-semver="3.0.3" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Iframe a ser acessado</h1>
<iframe src="frame.html" width="80%" height="600" id="frameDemo"></iframe>
</body>
</html>
$(function() {
$( "#frameDemo" ).load(function(){
//$(this).show();
console.log('iframe carregado');
console.log($(this).contents().find("a").length);
$(this).contents().find( "a" ).css( "background-color", "#BADA55" );
});
});
/* Styles go here */
Hello World!
<br/>
<a href="teste">Meu Link 1</a>
<br/>
<a href="teste">Meu Link 2</a>