一个内联框架ID为ABC,可以调用5个子网页,当子网页点击后,在ABC中打开,其中四个为没有滚动条,一个名为DEF的子网页需要打开后有滚动条。需要如何编写
时间: 2024-02-17 08:02:49 浏览: 18
您可以编写以下HTML代码来实现此功能:
```
<iframe id="ABC" src="default.html" width="100%" height="500px" scrolling="no"></iframe>
<a href="page1.html" target="ABC">页面1</a>
<a href="page2.html" target="ABC">页面2</a>
<a href="page3.html" target="ABC">页面3</a>
<a href="page4.html" target="ABC">页面4</a>
<a href="page5.html" target="ABC" onclick="openPageWithScroll()">页面5</a>
<script>
function openPageWithScroll() {
var iframe = document.getElementById("ABC");
iframe.src = "page5.html";
iframe.scrolling = "yes";
}
</script>
```
在这个例子中,我们首先创建了一个ID为“ABC”的内联框架,并将默认的网页设置为“default.html”。然后我们创建了五个超链接,每个链接都指向一个不同的子网页,并将目标设置为“ABC”,这样每个子网页都会在内联框架中打开。
对于第五个子网页“page5.html”,我们添加了一个onclick事件,当用户点击该链接时,该事件会调用openPageWithScroll()函数。该函数首先获取ID为“ABC”的内联框架,然后将其src属性设置为“page5.html”,最后将滚动条设置为“yes”,这样页面就会在内联框架中打开,并带有滚动条。
请注意,这个例子只是一个简单的示例,您可以根据您的具体需求进行修改。