1

演示： http: //mydemos.site90.net/

基本上它是我的不同网站的网络宣传。当用户单击其中一个链接时，站点会缩小以适合左侧的 iframe。并且当用户浏览该站点时，该站点将停留在 iframe 中，而不是在另一个窗口中打开。谷歌翻译器可以翻译 iframe 中的内容。谷歌翻译器在翻译后出于某种原因在顶部显示了它的搜索栏和菜单，并且一些网站没有缩小。我是编码新手，所以我的代码可能很麻烦。非常需要任何帮助。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0014)about:internet --><HTML><HEAD><TITLE>Demo</TITLE>
<META content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>
<STYLE type=text/css>BODY {
BACKGROUND-COLOR: #000000
}
</STYLE>

<STYLE type=text/css>A:link {
COLOR: #bdbdbd
}
A:visited {
COLOR: #bdbdbd
}
A:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
A:active {
COLOR: #bdbdbd; TEXT-DECORATION: none
}
</STYLE>

<SCRIPT type=text/javascript"></SCRIPT>
<!--[if lt IE 7]> 
<style type="text/css">    
img { behavior: url("pngfix.htc"); } 
</style> 
<![endif]-->
<STYLE type=text/css media=screen>#YouTube2 {
VISIBILITY: hidden
}
</STYLE>

<META name=GENERATOR content="MSHTML 8.00.6001.19394"></HEAD>
<BODY>

<IFRAME 
style="Z-INDEX: 10; POSITION: fixed; BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px;         BORDER-RIGHT-STYLE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 79%; PADDING-RIGHT: 0px;     BORDER-TOP-STYLE: none; HEIGHT: 100%; BORDER-LEFT-STYLE: none; TOP: 0px; PADDING-TOP: 0px;      LEFT: 0px" 
id=iframe1 border=0 src="http://www.crimemapping.com/map.aspx" frameBorder=0     name=iframe1 
cellspacing="0"></IFRAME></IFRAME>


<DIV 
style="Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN:     0px; PADDING-LEFT: 0px; WIDTH: 134px; PADDING-RIGHT: 0px; HEIGHT: 20px; TOP: 9px; PADDING-      TOP: 0px; LEFT: 80%" 
id=bv_Text2><A style="TEXT-DECORATION: none" 
href="http://craigslist.com/"><SPAN 
style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 18px"><STRONG><I>DEMO<SPAN 
style="COLOR: red">D</SPAN>DEMO</I></STRONG></SPAN></A></DIV></A></B></SPAN>
<DIV> </DIV>


<DIV 
style="Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN:     0px; PADDING-LEFT: 0px; WIDTH: 49px; PADDING-RIGHT: 0px; HEIGHT: 16px; TOP: 50px; PADDING-    TOP: 0px; LEFT: 80%" 
id=bv_Text15><SPAN style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 20px" 
face="Arial" color="#FFFFFF"><B><A style="TEXT-DECORATION: none"> <a><a     href="http://free-website-translation.com/" id="ftwtranslation_button" hreflang="en"     title="" style="border:0;"><img src="http://free-website-    translation.com/img/fwt_button_en.gif" id="ftwtranslation_image" alt="Free Website     Translator" style="border:0;"/></a> <script type="text/javascript" src="http://free-website-    translation.com/scripts/fwt.js" /></script></A></B></SPAN></DIV>


<DIV 
style="Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN:     0px; PADDING-LEFT: 0px; WIDTH: 49px; PADDING-RIGHT: 0px; HEIGHT: 16px; TOP: 100px; PADDING-  TOP: 0px; LEFT: 80%" 
id=bv_Text15><SPAN style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 20px" 
face="Arial" color="#FFFFFF"><B><A style="TEXT-DECORATION: none" 
href="http://www.youtube.com" <a>Demo1</A></B></SPAN></DIV>






</body>

</DIV>
4

1 回答 1

0

您需要先ID为您的元素提供 s iframe，然后您可以通过在锚标签中提供ID 来将另一个中的链接设置iframe为指向第一个。假设你有一个简单的 2 s 网页布局：iframetargetAtarget="iframe1"iframe

<html>
  <head>
    <title>link from one iframe to another iframe</title>
  <head>
  <body>
    <iframe id="iframe1" src="http://example.com"></iframe>
    <iframe id="iframe2" src="some_page_with_links.html"></iframe>
  </body>
</html>

并且some_page_with_links.html来自的文档iframe2具有以下结构：

<html>
  <head>
    <title>this is iframe2 that contains links to iframe1</title>
  <head>
  <body>
    <a href="http://www.google.com" target="iframe1">open Google in iframe1</a>
  </body>
</html>

然后， 中的链接iframe2将告诉浏览器在您的 中打开它，iframe1由target锚A标记的属性设置。

但是请注意，如果您在 Web 服务器中设置X-Frame-Options了响应标头，这将不适用于外部域。SAMEORIGIN其他限制可能适用，具体取决于您的配置以及您是否计划链接到外部域。

我还注意到您链接到的示例中有一些 HTML 标记关闭错误。例如：

<A style="TEXT-DECORATION: none" href="www.ebay.com" <a>Demo2</A>

真的应该是：

<A style="TEXT-DECORATION: none" href="www.ebay.com" target="ID_of_iframe1">Demo2</A>

干杯!

于 2013-02-06T16:10:49.500 回答