使用其ID定位其他iframe

时间:2013-12-12 16:49:05

标签: javascript html css iframe

我在 index.html 上有三个IFrame

<html>
<head>
    <title>Frame</title>
    <style>
.Top {
    float:both;
    width:99.7%;
    height:18%;
}
.menu {
    float:left;
    width:13%;
    height:82%;
}
.mainContent {
    float:left;
    width:86.5%;
    height:82%;
    }
  </style>
</head>
<body>
    <iframe class="Top" src="judul.html" id="atas"></iframe>
    <iframe class="menu" src="list.html" id="kiri"></iframe>
    <iframe class="mainContent" src="" id="tengah"></iframe>
</body>
</html>

<html> <head> <title>Frame</title> <style> .Top { float:both; width:99.7%; height:18%; } .menu { float:left; width:13%; height:82%; } .mainContent { float:left; width:86.5%; height:82%; } </style> </head> <body> <iframe class="Top" src="judul.html" id="atas"></iframe> <iframe class="menu" src="list.html" id="kiri"></iframe> <iframe class="mainContent" src="" id="tengah"></iframe> </body> </html>

这是 list.html 的代码

<html>
<head>
    <title>List</title>
</head>
<body>
    <br></br>
    <a href="about.html" target="tengah" style="color:blue;margin-center:40px;font-family:Segoe UI;">Main page</a>
    <br></br>
    <a href="list.html" target="tengah" style="color:blue;margin-center:40px;font-family:Segoe UI;">About Us</a>
</body>
</html>

index.html 中可以看到,我要做的是定位ID为<html> <head> <title>List</title> </head> <body> <br></br> <a href="about.html" target="tengah" style="color:blue;margin-center:40px;font-family:Segoe UI;">Main page</a> <br></br> <a href="list.html" target="tengah" style="color:blue;margin-center:40px;font-family:Segoe UI;">About Us</a> </body> </html> 的IFrame,以打开 list.html <的链接/ em>的

据我所知,添加标记tengah会对框架集有效,所以它在IFrame上是不同的?那么我应该添加什么?在哪里?

三江源

P.S。:不要理会 judul.html 它只会在 Top 框架上做它不会打扰其他IFrame

1 个答案:

答案 0 :(得分:1)

您需要添加name="tengah"

<a target="_blank|_self|_parent|_top|framename"> 

_blank 在新窗口或标签页中打开链接的文档

_self 在点击的相同框架中打开链接的文档(这是默认设置)

_parent 打开父框架中的链接文档

_top 在窗口的正文中打开链接的文档

framename 在命名框架中打开链接文档

 <iframe class="mainContent" src="" id="tengah" name="tengah" ></iframe>