zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    ios动态创建类Class
    iOS 视图控制器转场详解
    HTML5新增标签属性
    HTML5入门篇
    ExtJs 添加员工 实例 ---- 锚点布局 anchor 可自动伸缩
    Ext 初级UI设计
    Ext 面向对象程序设计 入门篇
    改善EF代码的方法(下)
    改善EF代码的方法(上)
    EF 存储过程(下)
  • 原文地址:https://www.cnblogs.com/planetwithpig/p/11967682.html
Copyright © 2011-2022 走看看