Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在iFrame内容中调用函数_Javascript_Jquery_Html_Iframe - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 在iFrame内容中调用函数

Javascript 在iFrame内容中调用函数

javascript jquery html iframe

Javascript 在iFrame内容中调用函数,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我在一个html文件（gallery.html）中有以下内容，它创建了一个基本的图像库 <div id="gallery"> <!-- images are loaded into the container via the javascript function --> </div> <script> function loadImages(images) { alert("Function Called")

我在一个html文件（gallery.html）中有以下内容，它创建了一个基本的图像库

<div id="gallery">
    <!-- images are loaded into the container via the javascript function -->
</div>


 <script>
    function loadImages(images) {
        alert("Function Called");
        for (var i = 0; i < images.length; i++) {
            $('#gallery').append("<img class='slides' src='"+images[i]+"'/>");
        }
    }
</script>


函数加载图像（图像）{
警报（“调用的函数”）；
对于（var i=0；i
然后我希望能够将它放在一个iFrame中，并调用函数来加载图像

例如，我尝试过这个，但没有成功

<iframe src="gallery.html" width='400px' height="200px" onload='loadImages(['pic1.png','pic2.png'])'></iframe>
及
有没有一种方法可以通过HTML中的iFrame元素以这种方式调用函数（一行程序）？这就意味着我可以把这一行代码放在我想要在网站上展示图库（不同图片）的地方

谢谢你的关注

您可以通过以下方式访问它：
Boom！解决了，我错过了。谢谢@詹姆斯迈科特接受答案！编辑：哈哈，我没意识到that@CrisimIlNumenoreano他做得太快了我得等4分钟 
<iframe src="gallery.html" width='400px' height="200px" onload='this.contentDocument.loadImages(['pic1.png','pic2.png'])'></iframe>

<iframe src="gallery.html" onLoad="this.contentWindow.loadImages(['pic1.png','pic2.png'])"></iframe>