zoukankan      html  css  js  c++  java
  • html中a标签属性parent和self的举例说明

    A.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>A</title>
    </head>
    <body>
     <iframe src="A1.html">框架A1</iframe>
     <iframe src="A2.html">框架A2</iframe>
    </body>
    </html>

    A1.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>A1</title>
    </head>
    <body>
    <a href="parent.html" target="_parent">parent</a>
    <a href="self.html" target="_self">self</a>
    </div>
    </body>
    </html>

    A2.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>A2</title>
    </head>
    <body>
        <p>A2</p>
    </body>
    </html>

    parent.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>parent</title>
    </head>
    <body>
    <p>parent</p>
    </body>
    </html>

    self.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>self</title>
    </head>
    <body>
    <p>self</p>
    </body>
    </html>

    运行结果:

    点击链接前:

    (1)点parent链接:

    (2)点击self:

    这里的框架A是默认的"浏览器的页面",我并没有定义一个框架A,所以存放parent的链接的框架少了父框架,默认父框架为“浏览器页面”。

    补充添加上A框架:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>测试a的属性</title>
    </head>
    <body>
    <iframe src="A.html">A框架</iframe>
    </body>
    </html>

    运行结果:

    点击链接前:

     (1)点击parent链接:

    (2)点击self:

  • 相关阅读:
    函数嵌套
    函数对象
    可变长参数
    函数的参数
    函数的调用
    函数的返回值
    定义函数的三种形式
    函数的定义
    SQLAlchemy
    Flask总结完整版
  • 原文地址:https://www.cnblogs.com/shan333/p/14623629.html
Copyright © 2011-2022 走看看