修改frameset的框架格局

最新推荐文章于 2019-04-12 15:09:46 发布
最新推荐文章于 2019-04-12 15:09:46 发布
阅读量2.1k 收藏 3
点赞数 1
分类专栏： JQ相关 文章标签： frameset 格局 显隐
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luo4105/article/details/51178741
版权
根据boss需求，需要实现frameset中顶部frame的伸缩功能。经过研究，发现实现这一功能比预期简单。通过调整frameset的代码，结合相关js控制，可以轻松达到目的。参考链接提供了关于frameset格局修改、frame页面跳转及frame元素控制的方法。
摘要由CSDN通过智能技术生成

boss要求，把top的那个frame能伸缩，网上查了一下，发现比想象中的简单好多

代码

1.frameset

<frameset id="main" name=main rows="118,*" cols="*" frameborder="no" border="0" framespacing="0">
	<frame src="${ctx }/top?provinceSign=0"  scrolling="No" noresize="noresize" id=TopTitle name=TopMenu  title="topFrame"/> 
    	<frame src="${ctx}/gis/scene/scene" id=MainTitle name=MainMenu   title="mainFrame"  scrolling="yes"/>
</frameset>
2.frame页面 

<img id="topimg" src="static/images/top/arrow_large_up_outline.png" onClick="frame()" style="float:right;height:36px">

最关键的代码 


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  咸鱼老罗
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
frame边框样式 frameSet样式 frameSet应用

				
			

			

				

					04-20
				

			

		

		

			
				
测试IE6/火狐/google浏览器通过

注意：一定要按顺序摆放属性。否则会出现意外情况！

			
		

	



                

              
                



	

		

			

				
					
j控制frameset修改cols，页面的隐藏和打开。

				
			

			

				

					怪只怪满眼尽是人间烟火
				

				

					09-21
					
					1586
					
				

			

		

		

			
				
首先来看下页面展示效果：
这是页面打开时的显示效果，点击中间的倒三角就可以关闭侧边页面了。


关闭时的效果：


由于第一次玩 frameset，网上搜了一下怎么修改cols，大多数多这样写：
  window.parent.document.getElementsByTagName("pgFrame")[0].cols="0,10,*";我用了这种方法，没有成功。
、
试了

			
		

	



                


  
              

                


	

		

			

				
					
frameset框架

				
			

			

				

					xiaoLong2345的博客
				

				

					09-27
					
					490
					
				

			

		

		

			
				
这是关于frameset框架的一些知识，我也是一个小白，希望大家指出我的不足

			
		

	





	

		

			

				
					
一个用frameset、ajax做的管理网站框架模板

				
			

			

				

					10-25
				

			

		

		

			
				
自己做的基于c#语言的asp.net开发框架。包含frameset、ajax‘javascript
灰常传统的上左右框架

			
		

	



		

			
		



	

		

			

				
					
frameset框架例子

				
			

			

				

					Java海洋
				

				

					07-16
					
					5852
					
				

			

		

		

			
				
http://g.cn"  scrolling="no">
    
        http://g.cn"  scrolling="no">
        
            http://g.cn"  scrolling="no">
           http://g.cn" scrolling="no">

			
		

	





	

		

			

				
					
js 跳出页面的frameset框架示例介绍

				
			

			

				

					10-26
				

			

		

		

			
				
在现代Web开发中，框架（frameset）曾是一种流行的页面布局技术，用于将浏览器窗口分割成几个独立的部分，每个部分可以加载不同的页面。然而，随着HTML5和CSS3的兴起，框架结构逐渐被更为先进的页面布局技术（如...

			
		

	





	

		

			

				
					
JS中frameset框架弹出层实例代码

				
			

			

				

					10-22
				

			

		

		

			
				
JS中frameset框架弹出层实例代码涉及了网页开发中的几个关键技术点：使用frameset框架来布局页面、在frameset框架中实现消息弹出层的交互逻辑、以及如何在子框架中通过JavaScript调用父框架的方法。下面详细介绍这些...

			
		

	





	

		

			

				
					
jsp中使用frameset框架 边框固定不让更改边框的大小

				
			

			

				

					10-25
				

			

		

		

			
				
`<frame>` 标签是`<frameset>` 的子元素，用于定义每个框架的内容和属性。当我们在`<frame>` 标签中添加 `noresize="noresize"` 属性时，就禁止了用户对框架边框的调整操作。例如：  ```html  ```  在这个例子中，`...

			
		

	





	

		

			

				
					
利用Frameset 框架进行页面的布局设置

				
			

			

				

					06-01
				

			

		

		

			
				
在网页设计中，框架（Frameset）是一种将多个独立页面组合到一个浏览器窗口中的技术，它使得网页可以被划分为不同的区域，每个区域可以显示不同的内容。本篇将深入探讨如何利用Frameset进行页面布局设置。  一、...

			
		

	





	

		

			

				
					
frameset左中右形式的模板

				
			

			

				

					04-23
				

			

		

		

			
				
frameset左中右形式的模板，网页制作

			
		

	





	

		

			

				
					
HTML5 - frameset框架集

				
			

			

				

					陆讯
				

				

					04-27
					
					7323
					
				

			

		

		

			
				
frameset框架集<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=U

			
		

	





	

		

			

				
					
【HTML】4.Frameset框架

				
			

			

				

					吴士龙 
				

				

					05-09
					
					1780
					
				

			

		

		

			
				
Frameset框架的使用很有利于今后工作中遇到的一些多页面显示在一个页面中，便于浏览和阅读。

			
		

	





	

		

			

				
					
js中动态修改frame的src属性，frame自己刷新。。。

					
热门推荐

				
			

			

				

					This is my house!
				

				

					10-06
					
					1万+
					
				

			

		

		

			
				
 弄了半天，结果画蛇添足。。。：动态修改frame的src属性，然后parent.frame.location.reload()反而错误。。。无须自己手工来进行reload()frame会因为src的更改自动reload();function tonclick(id){        parent.document.getElementById(frame2).src=man

			
		

	





	

		

			

				
					
关于html的frameset问题（框架使用示例）

				
			

			

				

					SB2ck的专栏
				

				

					06-11
					
					749
					
				

			

		

		

			
				
http://hi.baidu.com/cakzhyxayfcstwr/item/26001757dfccbeabadc857ca

			
		

	





	

		

			

				
					
frameset框架样式 加边框

				
			

			

				

					weixin_33728708的博客
				

				

					10-14
					
					1031
					
				

			

		

		

			
				
<frameset rows="580,*"  FRAMESPACING="3">
		<frame noresize name="Top" scrolling="no" src="<%=request.getContextPath()%>/edu/eduTop"   frameborder="2" bordercolor="#333333">
		&...

			
		

	





	

		

			

				
					
frameset的用法

				
			

			

				

					xiaouncle的博客
				

				

					08-08
					
					5944
					
				

			

		

		

			
				
frameset的使用方法，算是搞清楚了。

			
		

	





	

		

			

				
					
前端HTML框架(frameset)用法详细解析

				
			

			

				

					a6984021的博客
				

				

					04-12
					
					1万+
					
				

			

		

		

			
				
Frameset
定义
W3C是这样定义frameset框架的，通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。注意，这是HTML框架，不是前端框架，与node.js，vue.js等不同。
垂直切割
属性为cols。例如：

属性值的个数就代表视窗的个数，像这里是两个数，那么就有两个视窗，如果有三个，那么就有三个视窗。
值得...

			
		

	





	

		

			

				
					
HTML+frameset实现厂字样式后台模板

				
			

			

				

					qq_16255665的专栏
				

				

					06-27
					
					1834
					
				

			

		

		

			
				
1、新建主页index.html<html>
    <frameset  border="0px"rows="120,*">
        <frame src="top.html" />
        <frame src="content.html"/>
    </frameset>
</html>2、新建头部布局top.html<!DOCTYPE html>
<html>
<head>

			
		

	





	

		

			

				
					
frameset框架注意事项

					
最新发布

				
			

			

				

					05-27
				

			

		

		

			
				
frameset框架是一种在HTML中用于分割窗口的技术。它可以将一个网页分割成多个独立的区域，每个区域可以显示不同的网页内容，用户可以在这些区域之间进行切换。以下是使用frameset框架时需要注意的几点：

1. 确定好页面结构：在使用frameset框架之前，要先确定好页面的整体结构，确定需要分割成几个区域，并为每个区域指定好相应的网页。

2. 设置frameset元素：在HTML文档中使用frameset元素来创建分割窗口，指定好每个窗口的大小和位置等属性。

3. 定义frame元素：在frameset元素中定义frame元素来指定每个窗口要显示的网页内容，每个frame元素都有一个src属性，用于指定要显示的网页地址。

4. 注意浏览器兼容性：由于frameset框架已经被HTML5废弃，因此在使用时需要考虑浏览器的兼容性问题。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值