frame页面加载顺

应用场景:

      在Web系统开发过程中,经常会用frame进行布局,在某些情况下可能会对frame的加载顺序有要求。

实现原理:

     1、先不制定frame的src属性

     2、通过frame onload事件决定进行加载

举例:

     本例中,frameset中有A、B两个frame,如果不作任何操作,则先加载A.html,再加载B.html。现在改成先加载B.html,然后在加载A.html。代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>        
    <script type="text/javascript" language="javascript">
        function LoadFrame() {
         document.getElementById("A").src = "A.html";
        }
    </script>
</head>   
   <frameset id="framesetTest" rows="101,*" frameborder="0" border="0" framespacing="0" frameBorder="no">
		<frame id="A" name="A" scrolling="no" noresize >
		<frame id="B" name="B" src="A.html" scrolling="no"  οnlοad="LoadFrame()">
	</frameset>
</html>


 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
frame元素的重新加载是通过使用frame元素的src属性来实现的。当需要重新加载frame元素的内容时,可以使用JavaScript或修改src属性的方式进行操作。 方法一:使用JavaScript 可以通过JavaScript代码来重新加载frame元素的内容。具体的操作步骤如下: 1. 获取对应的frame元素对象,可以使用getElementById方法来获取指定id的frame元素对象。 2. 使用JavaScript中的location.reload方法来重新加载frame元素的内容。 3. 调用frame元素对象的contentWindow属性来获取iframe中的window对象,然后再调用该window对象的location.reload方法重新加载frame元素的内容。 示例代码如下: ``` // 获取frame元素对象 var frame = document.getElementById('frameId'); // 重新加载frame元素的内容 frame.contentWindow.location.reload(); ``` 方法二:修改src属性的方式 还可以通过修改frame元素的src属性来实现重新加载frame元素的内容。具体的操作步骤如下: 1. 获取对应的frame元素对象,可以使用getElementById方法来获取指定id的frame元素对象。 2. 修改frame元素的src属性,将其指向需要加载的新内容的URL。 3. 当src属性发生改变时,frame元素会重新加载新内容。 示例代码如下: ``` // 获取frame元素对象 var frame = document.getElementById('frameId'); // 修改src属性,重新加载frame元素的内容 frame.src = 'newContent.html'; ``` 以上就是frame元素内容重新加载的两种方法,可以根据具体的需求选择合适的方式来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值