使用链接中的<object>或<iframe>重新加载页面

时间:2015-11-06 04:01:50

标签: javascript jquery html css

我试图创建一个链接,如果链接我在&lt; 0bject>或&lt;上点击它iframe>我make会更改我点击的相应链接。并显示活动链接

&#xA;&#xA;

示例:

&#xA;&#xA;

此链接

&#xA;&# XA;
&#XA;

链接: A B C D

&#xA; &#XA;

&LT;这个我的对象加载show>

&#xA;
&#xA;&#xA;

如果我点击链接A,它将调用一个网页A.

& #xA;&#xA;
 &lt; object width =“1225px”height =“1000px”data =“http://网页A /”&gt;&lt; / object&gt; &#xA;  
&#xA;&#xA;

如果我点击B然后该对象将调用&lt; B>依此类推。

&#xA;&#xA;
 &lt; object width =“1225px”height =“1000px”data =“http://网页B /”&gt; &lt; / object&gt;&#xA;  
&#xA;&#xA;

在一个页面中

&#xA;&#xA;

示例我的脚本:

&#xA;&#xA;
 &lt; div class ='konten'&gt;&#xA; &lt; div class ='tab'&gt;&#xA;&#xA; &lt; h1&gt; EGLG Chr:&#xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr1>&#xA;&lt; a href =”http://10.88.25.48/sbc -portal / eglg_chr2“&gt; 2&lt; / a&gt;&#xA;&lt; a href =”http://10.88.25.48/sbc-portal/eglg_chr3“&gt; 3&lt; / a&gt;&#xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr4”&gt; 4&lt; / a&gt;&#xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr5”&gt; 5&lt; / a&gt;&#xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr6”&gt; 6&lt; / a&gt;&#xA;&lt; a href =“http:// 10.88.25.48/sbc-portal/eglg_chr7">7</a>&#xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr8”&gt; 8&lt; / a&gt;&# xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr9”&gt; 9&lt; / a&gt;&#xA;&lt; a href =“http://10.88.25.48/sbc-portal / eglg_chr10“&gt; 10&lt; / a&gt;&#xA;&lt; a href =”http://10.88.25.48/sbc-portal/eglg_chr11“&gt; 11&lt; / a&gt;&#xA;&lt; a href = “http://10.88.25.48/sbc-portal/eglg_chr12">12</a>&#xA;&lt; a href =”http://10.88.25.48/sbc-portal/eglg_chr13“&gt; 13&lt; / a&gt;&#xA;&lt; a href =“http ://10.88.25.48/sbc-portal/eglg_chr14" &GT; 14&LT; / A&GT; &#xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr15”&gt; 15&lt; / a&gt; &#xA;&lt; a href =“http://10.88.25.48/sbc-portal/eglg_chr16”&gt; 16&lt; / a&gt; &#XA;&LT; / BR&GT;&#XA;&LT; / H1&GT;&#XA; &lt; object width =“1225px”height =“1000px”data =“如果我点击链接重新加载”&gt;&lt; / object&gt; &#XA; &LT; / DIV&GT;&#XA; &LT; / DIV&GT;&#XA;  
&#XA;

1 个答案:

答案 0 :(得分:1)

我想最简单的方法就是使用JS / jQuery更改<object>标记或<iframe>的属性。

例如:

<a href="http://www.bing.com/" onclick="return false;">Bing</a> 

jQuery的:

$("a").click(function() {
    $("iframe").attr("src", $(this).attr("href"));
});

working example(JSFiddle)。