• HTML使用框架跳转到指定的节


    内容区(links.html)

    <html>
    <body>
    <h2>Chapter 1</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 2</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 3</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2><a name="C4">Chapter 4</a></h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 5</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 6</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 7</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 8</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 9</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2><a name="C10">Chapter 10</a></h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 11</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 12</h2>
    <p>This chapter explains ba bla bla</p>
    
    </body>
    </html>

    导航区(contents.html)

    <!DOCTYPE html> 
    <html>
    <body>
    <p>
        <a href="links.html#C4" target="showframe">查看 Chapter 4。</a>
    </p>
    <p>
        <a href="links.html#C10" target="showframe">查看 Chapter 10。</a>
    </p>
    
    </body>
    </html>

    框架跳转(index.html)

    <!DOCTYPE html> 
    <html> 
    <head> 
        <meta charset=” utf-8” > 
        <title>HTML框架跳转至指定节</title>
    </head>
    <!-- 注意:frameset不要和body放在同一个html文件内 -->
        <frameset cols="25%,75%">
            <frame src="contents.html">
            <frame src="links.html" name="showframe">      
        </frameset>
        <!-- <noframes>设置不支持frame的浏览器 -->
        <noframes>
            <body>您的浏览器无法处理框架!</body>
        </noframes>
    </html>
  • 相关阅读:
    Guava入门第四章(Objects)
    Guava入门第三章(Preconditions)
    Guava入门第二章(Splitter)
    Guava入门第一章(Joiner)
    Docker入门第六章
    Docker遇到的问题
    Docker命令图
    2016-08-26-Java比较器的使用
    2017-10-6-MyBatis配置简述
    2017-9-17-Java Exception小结
  • 原文地址:https://www.cnblogs.com/planetwithpig/p/11967682.html
Copyright © 2020-2023  润新知