Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   JS код вставленный в iframe работает в родительском окне (https://javascript.ru/forum/misc/58096-js-kod-vstavlennyjj-v-iframe-rabotaet-v-roditelskom-okne.html)

jeka2 04.09.2015 13:09

JS код вставленный в iframe работает в родительском окне
 
index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Родитель</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="script.js" type="text/javascript"></script>
</head>
<body>
	<ul>
		<li><a href="#">Ссылочка в родительском окне 1</a></li>
		<li><a href="#">Ссылочка в родительском окне 2</a></li>
	</ul>
</body>
</html>


iframe.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Айфрейм</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
	<ul>
		<li><a href="#">Ссылочка 1</a></li>
		<li><a href="#">Ссылочка 2</a></li>
	</ul>
</body>
</html>


script.js

$(document).ready(function(){
	$('body').append('<iframe id="PP_iframe" src="iframe.html" name="PP_iframe" width="100%" height="100%"></iframe>');
	$('#PP_iframe').load(function(){
		$('#PP_iframe').contents().find('head').append(
		'<script id="gc-ready-js" type="text/javascript">\n\
			var flagLinkColor = true;\n\
			setInterval(function(){\n\
				if(flagLinkColor === true)\n\
				{\n\
					$(\'a\').css({border: "1px solid red"});\n\
					flagLinkColor = false;\n\
				}\n\
				else\n\
				{\n\
					$(\'a\').css({border: "1px solid green"});\n\
					flagLinkColor = true;\n\
				}\n\
			}, 1000);\n\
		</script>');
	});
});


Почему скрипт вставлений в iframe работает не в нём а в родительском окне???


Часовой пояс GMT +3, время: 06:21.