2017-03-07 90 views
0
同一页

我已经创建的HTML页面如下:打开链接一个div里面

<!DOCTYPE html> 
 
<html> 
 

 
<body bgcolor="#EBF5FB"> 
 
    <h1 align="center">SLA Monitor Reports </h1> 
 
    <div id="link" align="center"> 
 

 
    <table cellpadding="25px" border=1> 
 
     <tr> 
 

 
     <td> 
 
      <a href="https://serv.sxp.nova.corp/irj/servlet/prt/portal/prtroot/pcd!3aportal_content!2fcom.nova.pct!2fplatform_add_ons!2fcom.nova.ip.bi!2fiViews!2fcom.sap.ip.bi.bex?BOOKMARK=CU4A95OJ17A355B2112ML30G6" target="_blank"><img src="\\server\server$\23185\Downloads\1Google.png" alt="Ticket Aging" style="width:200px"></a> 
 
     </td> 
 
     <td> 
 
      <a href="https://serv.sxp.nova.corp/irj/servlet/prt/portal/prtroot/pcd!3aportal_content!2fcom.nova.pct!2fplatform_add_ons!2fcom.nova.ip.bi!2fiViews!2fcom.sap.ip.bi.bex?BOOKMARK=CU4A95OJ17A355B2112ML30G6" target="_blank"><img src="\\server\server$\23185\Downloads\1Google.png" alt="Ticket Aging" style="width:200px"></a> 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    </div> 
 
    <div> 
 

 
    </div> 
 

 
</body> 
 

 
</html>

我想要显示的https://开头..... 。链接的内容使用<div>在同一页的表格下。

IFrames没有帮助,因为它是一个安全的链接。

任何人都可以请帮忙。

+0

你的问题不清楚! –

+0

你可以试试这个$(yourDiv).load(“yourLink”); – cbalakus

回答

0
$("#link table td a").click(function(e){ 
    $("#link").next().load($(this).attr("href")); 
    e.preventDefault() 
}); 

https://jsfiddle.net/7uj8tk2y/

+0

嗨...上面的代码看起来不错,但我如何显示它在同一页使用div标记 – Smith

+0

它应该在同一页面中工作。它不能在小提琴上工作,你有没有访问这些链接? – cbalakus

+0

感谢您的回复,要求是链接内容(例如https://www.google.co.in)应显示在表格下方。我在表格下方使用了div标签,但不知道如何重定向目标链接到这个div – Smith