框架必知必熟的基础【笔记】

最新推荐文章于 2025-05-31 19:59:45 发布

原创最新推荐文章于 2025-05-31 19:59:45 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #IE #浏览器

JAVA 专栏收录该内容

332 篇文章

订阅专栏

本文介绍了使用HTML和JavaScript进行网页布局的方法，包括frameset和iframe的使用方式，以及如何通过JavaScript获取窗口尺寸、坐标等信息。同时，还探讨了不同浏览器间的兼容性问题，并提供了判断浏览器类型的代码。

一. 框架frameset/frame
//得到分辨率
var w = window.screen.width;
var h = window.screen.height;
alert("宽:"+w+"\t高:"+h);
//得到浏览器客户区域(空白)
var cw = window.document.body.clientWidth;
var ch = window.document.body.clientHeight;

//rows="100,300,*"
<frameset cols="50%,*左右分">
<frame src=""><frame>
<frameset rows="200,*" id="">
<frame src=""></frame>
<frame src="" name=""></frame>
</frameset>
</frameset>
<input type="button">
二. iframe(父子)
父找子: window.frames["id或下标"].document...
子找父: window.parent.document...
补充：判断ie和非ie:document.all(ie)
var name = window.navigator.appName;
var ver = window.navigator.appVersion;
三. window.open()
//url,位置，参数
window.opener

四. window.showModalDialog();
//url,传值，参数
window.dialogArguments
//--------------------------------------------------------------------------
一.标签(js操作)
1.名称(类型)
.nodeName
2.宽度width,高度height
.style.width 必须设定了style才能取,带px带位,可读可写
.style.pixelWidth 同上，不带px
.width 必须标签必须有这个属性
.offsetWidth 通杀（只读,不带px)

3.父对象
.parent (子窗体找父窗体)
.offsetParent(document.body内的标签父容器)
.parentNode
4. 座标(top/left)
.style.top 可读可写，带px,必须设style
.style.pixelTop 可读可写，不带px,必须设..
.offsetTop