• JavaScript 之 页面跳转及Frame动态加载


    一、页面跳转

      JS跳转大概有以下五种方式:

    1、跳转到B页面

    <script language="javascript" type="text/javascript">
      window.location.href="B.html";
    </script>

    2、返回上一个页面

    <script language="javascript">
        window.history.back(-1);
    </script>

    3、跳转到B页面

    <script language="javascript">
        window.navigate("B.html");
    </script>

    4、跳转到B页面

    <script language="JavaScript">
        self.location=’B.html’;
    </script>

    5、跳转到B页面

    <script language="javascript">
        top.location=’B.html’;
    </script>

    二、Frame动态加载

    页面代码实例

    <!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>123</title>
    </head>
    <frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
      <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
      <frameset cols="45%,*" frameborder="no" border="0" framespacing="0">
        <frame src="left.html" name="leftFrame" scrolling="AUTO" noresize="noresize" id="leftFrame" title="leftFrame" />
       <frameset rows="10%,*" cols="*" frameborder="1" border="1" framespacing="0">     <frame src="right_top.html" name="right_topFrame" id="right_topFrame" title="right_topFrame" />      <frame src="" name="right_bottomFrame" id="right_bottomFrame" title="right_bottomFrame" />    </frameset> </frameset> </frameset> <noframes>
      <
    body></body> </noframes>
    </
    html>

    页面跳转JS:

    window.top.right_bottomFrame.location.href = "xxxx.htm";
    window.parent.right_bottomFrame.location.href = "xxxx.htm";
    document.getElementById("对应的ID号").src="path/xxxx.htm"
    window.parent.document.getElementById("right_bottomFrame").src="xxx.htm";
  • 相关阅读:
    Oracle触发器用法及介绍
    连接mysql用mysql_connect不能连接
    中标麒麟上安装配置达梦数据库7
    (转)全局变量和局部变量区别
    DSP编程与调试总结
    SERCOS总线程序相关
    C编程小结1
    C语言编程的一些小总结
    【转】#define 定义别名和 typedef 声明类型的区别
    DSP开发程序相关问题总结
  • 原文地址:https://www.cnblogs.com/xinaixia/p/5085537.html
Copyright © 2020-2023  润新知