如何获取我的图片链接以在iframe中打开其他文件

时间:2016-01-02 03:09:55

标签: javascript html iframe

首先,我是这个网站和社区的新手。我的代码有问题,我想通过iframe上的照片上的onclick事件打开一个特定的html文件。我想使用javascript而不是<a href>

此刻我的代码如下:

<script>function imageClick(url) {
window.location = url;}</script>

<html>
<img src='foto/SWPS4.jpg' width='120px' height='160px' onclick="imageClick('../PC.html')">  
<iframe frameBorder='0' border='3' id='GG' name='U1' Width='750px' height='900px'></iframe></html>

其次,我很抱歉我的语法不好而且代码完全不专业。我需要img链接到iframe并打开文件'pc.html'我搜索了相当不错的时间,并且找不到合适的答案。

此时照片是可点击的,但没有打开任何文件,它只是给出错误,'找不到文件'并且它不会在iframe中打开,而是在页面本身打开。

1 个答案:

答案 0 :(得分:1)

在脚本标记中:

init()

您需要设置function imageClick(url) { document.getElementById("GG").src = url; } 的{​​{1}}属性。

JSFiddle:https://jsfiddle.net/72cgj9z5/