框架伸缩 frameset实现

yuki呀认真写文档

于 2018-03-10 09:54:47 发布

阅读量412

点赞数 1

分类专栏：学习的小结文章标签：小白

学习的小结专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>仿猫扑框架页面</title>
    <script>
        function Set(){
            if(document.getElementById("main").cols == "100,45,*"){
                document.getElementById("main").cols = "0,45,*"
            } else {
                document.getElementById("main").cols = "100,45,*"
            }
        }
    </script>
</head>
<frameset id="main" cols="100,12,*" framborder="0" framspacing="0" bordercolor="#ff0000">
    <frame src="fmp.html" name="leftframe" noresize="noresize" scrolling="auto"/>
    <frame src="butt.html" name="midframe" scrolling="auto"/>
    <frame src="xx.html" name="rightframe" scrolling="auto"/>
</frameset><noframes></noframes>

</ html >

伸缩按钮页面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>控制伸缩</title>
    <script type="text/javascript">
        function Click(){
            parent.Set();
        }
    </script>
    <style type="text/css">
        *{margin: 0px; padding: 0px}
    </style>
</head>
<body>
<button οnclick="Click()">缩放</button>
</body>
</html>

通过子窗口的click函数利用frame的父对象parent是主页面调用父窗口的set函数由set函数进行对frameset的cols值重新分配三个窗口的宽度

yuki呀认真写文档

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
框架伸缩 frameset实现

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;仿猫扑框架页面&lt;/title&gt; &lt;script&gt; function Set(){
复制链接

扫一扫

专栏目录