网页中框架的动态拉动的控制

来源：互联网发布：坎特伯雷大学知乎编辑：程序博客网时间：2024/05/29 19:32

下面的是左右框架可以动态拉动的源代码
<html>
<head>
<title>scollingConsole</title>
<script language="javascript">

function bringToTop() {
    if( self != top ) {
      top.location.href = self.location.href;
    }
}

</script>

</head>

<center><H3>Please use a frames-capable browser</H3></center>
</body>
</noframes>

</html>

其实很简单的，但是以前总以为很神秘，以为要搞很多代码去实现这个功能。如果不希望拉动，也很简单，就是在frame 属性后再加一个NORESIZE就可以了，如：<frame src='' name='hyq' scrolling='no' marginheight='0' marginwidth='0' NORESIZE >，三个框架的和这个同理，事例如下：

<html>
<head>
<title>scollingConsole</title>
<script language="javascript">

function bringToTop() {
    if( self != top ) {
      top.location.href = self.location.href;
    }
}

</script>

</head>
<FRAMESET ROWS="150,*">
<FRAME NAME="Frame1" FRAMEBORDER=1 SCROLLING="Yes" NORESIZE>
<FRAMESET onload='javascript:bringToTop();' COLS="240,*">
<FRAME scrolling='no' marginheight='0' marginwidth='0'>
<FRAME name='312' marginheight='0' marginwidth='0'>
</FRAMESET>
</FRAMESET>

<center><H3>Please use a frames-capable browser</H3></center>
</body>
</noframes>

</html>