如何从另一个html文件中包含图像？

我目前有问题，包括从另一个文件帧图像，我在做什么是创建一个HTML页面有两个代码框架：如何从另一个html文件中包含图像？

<html> 

<frameset cols="20%,80%"> 
<frame src="aa.html" id="1"> 
<frame src="" id="2"> 

</frameset> 

</html>

然后，在aa.html有三个环节和点击图像应该在id =“2”的框架中打开的第一个链接。

aa.html 

<html> 

<head> 
<link rel="import" href="cook.html"> 
<script> 
function fun1() 
{ 
    document.getElementById('2').src="b.html"; 
} 
</script> 
</head> 
<body> 
<a href="#" onclick="fun1()">Home1</a> 
<a href="fdsf">Hom2</a> 
<a href="fdsf">Home3</a> 
</body> 

</html>

然后b.html示出了图像中的帧，这样的：

<html> 
<head> 
</head> 
<body> 
<img src="ima.png"/> 
</body> 
</html>

但这并不work.thanks提前。

来源

2015-04-05 Amit Srivastava

你不能用这种方法做你想做的事。

此功能：

function fun1() { 
     document.getElementById('2').src="b.html"; 
    }

工作在IFRAME，而不是在主窗口。试试看window.postMessage方法。

UPDATE与window.postMessage工作看起来像：

1）在子窗口将功能

function fun1() { 
    window.postMessage(JSON.stringify({"id":2,"src":"b.html"}),'http://parent.window.com'); 
    }

2）在父窗口，你应该听听这个事件，所以页面元素开始另存为：

window.addEventListener("message", receiveMessage, false); 

function receiveMessage(event) 
{ 
    if (event.origin !== "http://example.org:8080") 
    return; 
    try{ 
     var data = JSON.parse(event.data); 
     if(data.id != undefined && data.src != undefined){ 
     document.getElementById(data.id).src = data.src; 
     } 
    } catch(exception){ console.log(exception);} 

}

来源

2015-04-05 14:11:34 xAqweRx

可以举个例子，其中t o包括这个脚本 – 2015-04-05 14:21:02

如何从另一个html文件中包含图像？

回答

相关问题