Я пытаюсь поместить некоторый HTML-код в iframe для представления данных. Everythink отлично работает, но когда я хочу поместить любой скрипт java в iframe, результата нет. Кажется, что iframe не видит локальный javascript.Вставить локальный javasscript в iframe html
Вот код:
<html>
<head>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="testJSON.js"></script>
</head>
<body>
<iframe id="frame"></iframe>
<p id="demo"></p>
<script src="names.js"></script>
<script type="text/javascript">
$("#frame").attr(
"src", "data:text/html;charset=utf-8," +
"<html><head>"+
"<script src='jquery.min.js'><"+"/script>"+
"<script src='testJSON.js'><"+"/script></head>"+
"<body><p id='demo'></p>"+
"<script src='name.js'><"+"/script>"+
"<h1>Test</h1>"+
"</body></html>"
);
</script>
</body>
</html>
testJSON.js:
var dane = '{ "names" : [' +
'{ "firstName":"Ana" , "lastName":"Doe" },' +
'{ "firstName":"Bill" , "lastName":"Smith" },' +
'{ "firstName":"Dory" , "lastName":"Jones" } ]}';
names.js:
var nameID =function() {
return 2;
};
obj = JSON.parse(dane);
document.getElementById("demo").innerHTML =
obj.names[nameID()].firstName + " " + obj.names[nameID()].lastName;
Кто-нибудь есть решение этой проблемы?
Спасибо
прошла ли эта страница локально, или находится на сервере сервера, локальной или веб-страницы? – Teemu
В качестве примечания, если вам не нужно поддерживать IE, вы должны использовать атрибут [srcdoc] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr -srcdoc) –