使用<对象>或者<iframe>在链接中
Reload the page with the <object > or <iframe> in a link
我试图创建一个链接,如果我在<0对象>或者<iframe>我会更改我单击的相应链接。并显示活动链接
示例:
这是我的链接
链接:A B C D
<这个我的对象加载显示>
如果我点击链接A,就会调用网页A。
<object width="1225px" height="1000px" data="http://webpage A/"></object>
如果我点击B,那么该对象将调用<B>等等
<object width="1225px" height="1000px" data="http://webpage B/"></object>
一页
示例:
<div class='konten'>
<div class='tab'>
<h1>EGLG Chr:
<a href ="http://10.88.25.48/sbc-portal/eglg_chr1>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr2">2</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr3">3</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr4">4</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr5">5</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr6">6</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr7">7</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr8">8</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr9">9</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr10">10</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr11">11</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr12">12</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr13">13</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr14">14</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr15">15</a>
<a href ="http://10.88.25.48/sbc-portal/eglg_chr16">16</a>
</br>
</h1>
<object width="1225px" height="1000px" data="reload if i click link"></object>
</div>
</div>
我想最简单的方法就是用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"));
});
参见工作示例(JSFiddle)。
相关文章:
- 正在检测导航到<a name=“;最新主题”></a>
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 在<script src=“"></脚本>标签
- 等效于<script src=“;something1.json”></脚本>
- CSS/.JS问题,<ul><李>在Megamenu中
- 如何在<td></td>在Procractor中
- 显示“<script src='some.js'></脚本>"在Html文档中
- 如何将Array转换为<ul><李>以字母为标题的字母列表
- <script src=“//代码.jquery.com/jquery-1.11.1.min.js”></
- 选择<脚本></脚本>作为html正文中的纯文本
- 可折叠<UL><李>不起作用
- $.mobile.loadPage()和$(“linkBtn”).click();t负载<头部></头部&
- <脚本/>vs<脚本></脚本>webpack和angular
- Javascript/RRails-如何包装link_to而不是<a></a>在javascript
- jQuery在处理<选择><选项>
- 布局lt md已被弃用.请使用`layout gt-<xxx>`变种
- 在<%%中定义的访问变量>从<脚本></脚本>
- 页面设计<a href><按钮><输入>在JSP中
- 注入html标记<ul></ul>在我的<李></李>元素
- jQuery选择器<按钮></按钮>