快速学习js 笔记六 dom的 body 、frameset 、frame

来源：互联网发布：用友u8软件多少钱编辑：程序博客网时间：2024/05/17 02:00

1、body的元素 其常用属性 有

1）className 在设置body的css的时候常用

2）id 该对象唯一标识

3）dir 文本的显示方向

4）lang 语言

5) style

注：上面的属性是 dom 的对象的标准属性，基本所有的标签对象都这些属性。

<html><head> <head><script type="text/javascript">   function test(){   var txt=document.open("text/html","replace");      txt.write("<html><body  id='test'>右边到左边</body></html>");   txt.all["test"].dir="rtl";   txt.close();}</script><body id="test"  dir="ltr"><input  type="button" value="改变body的显示方向" onclick="test()"/>  <script type="text/javascript">   document.write("从左边显示到右边");  </script>  <body></html>

2、布局对象 frameset

1) cols : 列数

2）rows : 行数

3）id: 唯一标识

单击子页面的按钮改变frameset 的布局

frameset.hml

<html><frameset  id ="frm1" cols="50%,50%"  ><frame src="frame1.html" /><frame src="frame2.html" /></frameset></html>

frame1.html frame2.html

<html><head></head><script type="text/javascript">function change(){  window.parent.document.getElementById("frm1").cols="25%,75%";}</script><body><input  type="button" value="修改布局" onclick="change()"></body></html>

3、frame

1) frameBoder 是否有边框 0 无 1有

2）marginWidth 、marginHeight frame 周围的空白。

3）src frame中显示的文档的url

4）onResize frame的框架大小是否允许调整 true|false

5）scorlling 是否有滚动条 yes|on

6) id 、name

frameset.html

<html><frameset  id ="frm1" cols="50%,50%"  ><frame  id="frame1"  onResize="true" frameBorder="1" src="frame1.html" /><frame  id="frame2"  onResize="true" frameBorder="1" src="frame2.html" /></frameset></html>

frame1.html frame2.html

 
<html><head></head><script type="text/javascript">function change(){ var frame1=  window.parent.document.getElementById("frame1"); frame1.onResize=false; frame1.name="frame1";    window.parent.document.getElementById("frame2").frameBorder="1";}</script><body><input  type="button" value="修改布局" onclick="change()"></body></html>

 

 
 
 
 
 
 
 
	
					
					   快速学习js 笔记六  dom的 body 、frameset 、frame
	  	   对frameset、frame、iframe的js操作
	  	   对frameset、frame、iframe的js操作
	  	   frameset、frame、iframe的js操作
	  	   对frameset、frame、iframe的js操作
	  	   对frameset、frame、iframe的js操作
	  	   js 对frameset、frame、iframe的操作
	  	   对frameset、frame、iframe的js操作
	  	   对frameset、frame、iframe的js操作
	  	   对frameset、frame、iframe的js操作
	  	   对frameset、frame、iframe的js操作
	  	   对frameset、frame、iframe的js操作
	  	   DOM学习笔记六
	  	   frameset\frame的布局
	  	   js 操作frameset frame 对象
	  	   js 操作frameset frame 对象
	  	   js操作frameset frame 对象
	  	   js操作frameset frame 对象
	     		  
	  	   ZOJ 2110 Tempter of the Bone （DFS+减枝）
	  	   自然语言处理--从规则到统计
	  	   HDU1698--Just a hook--线段树区间更新
	  	   15款经典图表软件推荐 创建最漂亮的图表
	  	   360的困兽之斗——重新探讨奇虎商业模式
	  	   快速学习js 笔记六  dom的 body 、frameset 、frame
	  	   java的I/O、JVM类加载
	  	   在VC中使用GDI+
	  	   摄像头娘来了
	  	   Ubuntu 12.04下安装Google Chrome 21稳定版
	  	   UML——状态图
	  	   hidden this
	  	   myeclipse安装svn插件的多种方式
	  	   HDU1392--Surround the Trees--凸包