zoukankan      html  css  js  c++  java
  • 框架页面JS实现各种级别直接的页面跳转@刷新页面@框架集的综合案例

    之前一直在查找框架页面之类的问题,今天正好有机会和大家分享一下.

        1.跳到另一个页面的两种方法:
    window.location.href = '1.html'
    window.location.reload('11.html')

        2.如果使用了框架,但是又想跳到一个页面,而不是在框架指定的页面表现,如何操纵?
    parent.document.location.href="./frontstage/login.jsp";

        3.用JavaScript刷新上级页面和以后页面
    window.parent.main.document.location.reload();//上级页面
    document.location.reload();//以后页面

        4.每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用上面的几种方法都可以引用frame或iframe元素:
    window.frames[index]
    windows.frames["框架名"]
    windows.框架名

        6.如果想从框架所加载的网页中获取对父窗口的引用,那么就可以使用上面的方法:
    window.parent

        7.如果要对父窗口中某个框架的引用,那么就可以使用上面的方法:
    window.parent.框架名

        也可以使用上面的方法获取对父窗口的最顶端框架的引用:
    window.top

        8.html 如何将新的网页文件在框架Frame中打开
       第一种方法为: window.open('Url',MainFrame,'width=......,height=....');
    其中:Url :须要打开的页面; MainFrame :装载(包括)这个页面的框架 ; width=......,height=....:页面的风格设置
       另外一种方法为: MainFrame.document.location = "Url"; 即直接指定MainFrame的url指向为 某个url。
    当然类似的也可以用 document.getElementById("MainFrame").src = "Url";
    第一种方法是被动式的指定某个页面要加载到哪个框架内; 后两种方法自动的设置框架将要加载哪个页面

         

         

        10.html实例参考参考:(这个实例是左右框架结构);这类打开方式只用frame的name 属性便可 指定打开位置
    _blank 在新的浏览器窗口中打开链接的文档,同时保持以后窗口稳定。
    _parent 在表现链接的框架的父框架集中打开链接的文档,同时替换整个框架集。
    _self 在以后框架中打开链接,同时替换该框架中的内容。
    _top 在以后浏览器窗口中打开链接的文档,同时替换所有框架。

        1.主框架页面:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

        每日一道理
    心是一棵树,爱与希望的根须扎在土里,智慧与情感的枝叶招展在蓝天下。无论是岁月的风雨扑面而来,还是滚滚尘埃遮蔽了翠叶青枝,它总是静默地矗立在那里等待,并接受一切来临,既不倨傲,也不卑微。
      心是一棵树,一个个故事被年轮携载;一回回驿动与飞鸟相约;一次次碰撞使它绵密柔韧;一幕幕经历造就了它博广的胸怀。心是一棵树,独木不成林。因此,树与树既独立又相联,心与心既相异又相亲。

        <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <frameset rows="*" cols="138,*" framespacing="1" frameborder="yes"
     border="1" bordercolor="#000000">
     <frame src="left.html" name="leftFrame" scrolling="No"
      noresize="noresize" id="leftFrame" />  <frame src="right.html"
      name="mainFrame" id="mainFrame" />
    </frameset>
    <noframes>
     <body></body>
    </noframes>
    </html>

        2。左框架页面:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body link="black" vlink="olive" alink="blue">
     <p>
      <a href="我的首页.html" target="mainFrame">我的首页</a>
     </p>
     <p>
      <a href="我的日志.html" target="mainFrame">我的日志</a>
     </p>
    </body>
    </html>

        3.右框架页面:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body></body>
    </html>

    文章结束给大家分享下程序员的一些笑话语录: 那是习惯决定的,一直保持一个习惯是不好的!IE6的用户不习惯多标签,但是最终肯定还是得转到多标签的浏览器。历史(软件UI)的进步(改善)不是以个人意志(习惯)为转移的!

    --------------------------------- 原创文章 By
    框架和页面
    ---------------------------------

  • 相关阅读:
    leetcode刷题笔记 273题 整数转换英文表示
    leetcode刷题笔记 278题 第一个错误的版本
    leetcode刷题笔记 268题 丢失的数字
    leetcode刷题笔记 264题 丑数 II
    leetcode刷题笔记 263题 丑数
    20210130日报
    20210129日报
    20210128日报
    20210127日报
    20210126日报
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3097775.html
Copyright © 2011-2022 走看看