簡體   English   中英

在html中的框架集中動態更改html頁面

[英]Dynamically change html page in frameset in html

我已經准備了包含框架集的HTML文件。 以下是代碼

<html>
    <frameset rows="55,*">
        <frame name="headinfo" src="headinfo.html" scrolling=no>

        <frameset cols="10,50" frameborder=no border=no framespacing=no>
            <frame name="navinfo" src="navinfo.html" >
            <frame name="bodyinfo" src="bodyinfo.html">
        </frameset>
    </frameset> 
</html>       

現在navinfo.html的內容如下

<html>
<head>
</head>
<body><div id="vmenu">
    <li><a href="bodyinfo.html#Summary1"target="bodyinfo">Summary 1</a></li>
    <ul>
        <li><a href="Folder1\Page1.html">Page1</a></li>
        <li><a href="Folder1\Page2.html">Page2</a></li>
        <li><a href="Folder1\Page3.html">Page3</a></li>
        <li><a href="Folder1\Page4.html">Page4</a></li>
        <li><a href="Folder1\Page5.html">Page5</a></li>
    </ul>
    <li><a href="bodyinfo.html#Summary2"target="bodyinfo">Summary 2</a></li>
    <ul>
        <li><a href="Folder2\Page6.html">Page6</a></li>
        <li><a href="Folder2\Page7.html">Page7</a></li>
        <li><a href="Folder2\Page8.html">Page8</a></li>
        <li><a href="Folder2\Page9.html">Page9</a></li>
        <li><a href="Folder2\Page10.html">Page10</a></li>
    </ul>   
</body>
</html>     

現在,在導航選項卡上單擊Page1時,它將打開一個新頁面page1.html。 我的問題是我希望它顯示在顯示bodyinfo.html的html頁面的同一部分。 基本上,當用戶單擊導航欄上的任何列表項時,包含正文部分的右側部分應顯示單擊的html數據。
請建議

您可以使用BASE標記為所有鏈接設置默認目標。

<head>
<BASE target="bodyinfo">
</head>

另外,您可以在每個鏈接中使用target屬性,就像使用摘要鏈接一樣。

<li><a href="Folder1\Page1.html" target="bodyinfo">Page1</a></li>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM