`
hamburg
  • 浏览: 115909 次
  • 来自: 不污染一方土地
社区版块
存档分类
最新评论

如何在一个框架中为另一个框架创建元素

阅读更多
用html写了一个框架分为上下两块,我想在上面块中为下面的块创建一个div
以下是我的源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>框架</title>
</head>

<frameset rows="80,*">
   <frame src="a1.html" name="topFrame" scrolling="No"  id="topFrame" title="topFrame" />
   <frame src="a2.html" name="mainFrame" id="mainFrame" title="main" />
</frameset>
<noframes>
<body>
</body>
</noframes></html>

a1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function show() {
	var oSpan = document.createElement("div");
	oSpan.style.display = '';
	oSpan.style.top = 0;
	oSpan.style.left = 0;
	oSpan.id = "asdfasdf";
	oSpan.style.position = 'absolute';
	oSpan.style.width = '100px';
	oSpan.style.height = '100px';
	oSpan.innerText = '信息....';
	alert(window.top.mainFrame.document.body);
	document.body.appendChild(oSpan);
	top.mainFrame.document.body.appendChild(oSpan);
}
</script>
<body>
<input name="aaaa" type="button" value="aaaaa" onclick="show()" />
<span id="span_">asdfasdf</span>
</body>
</html>
a2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<span id="span_">55555555555555555555555555555</span>
</body>
</html>

这样做的错误在那里,请大家指点一二。谢谢!
分享到:
评论
1 楼 roki 2007-07-18  
window.top.mainFrame这句不对, 没有拿到正确的节点,
建议用iebar或者ff的dom工具看一下节点的正确路径

相关推荐

    Dreamweaver用框架集时如何给整个页面添加滚动条,怎么修饰每个框架的滚动条?

    - 例如,如果有一个名为“leftFrame”的框架,可以在框架的HTML文件中为其指定一个类名或ID,如`&lt;frame src="leftContent.html" id="leftFrame"&gt;`。 2. **编写CSS规则:** - 创建一个新的CSS文件或将样式添加到...

    UiAutomator Android 的自动测试框架(基础)

    然后,我们可以创建一个测试类,继承自`UiAutomatorTestCase`(如果使用最新版本,可能需要继承`UiDeviceInstrumentationTestCase`或使用`AndroidXTestRunner`),并在其中编写测试用例。例如,下面的代码展示了如何...

    android 通知栏框架DEMO eclipse版本

    在DEMO中,开发者可以学习如何创建并发送一个基本的通知,包括设置通知的优先级、声音、震动等属性。例如,使用`NotificationCompat.Builder`类来构建通知,通过`setSmallIcon()`, `setContentTitle()`, `...

    搭建SSH框架步骤

    - 在`struts.xml`中为每个Action类定义Action配置,包括Action名称、映射的类和方法,以及结果页面。 12. **调整applicationContext.xml**: - 根据业务需求,可能需要在`applicationContext.xml`中配置更多服务...

    googleplay框架搭建

    此外,`TabPageIndicator`(现在通常被`TabLayout`取代)是一个可自定义的视图,用于在TabIndicator上显示标签,可以使用`setupWithViewPager()`将其与`ViewPager`连接。 **文件名称列表:googlepaly** 这个文件名...

    在C#中为winform装扮皮肤

    6. **皮肤切换**:在程序运行时,可以提供一个皮肤选择菜单,让用户动态切换不同的皮肤。这需要在代码中处理皮肤文件的加载和控件的重新绘制。 7. **性能考虑**:虽然皮肤可以提升用户体验,但过度的皮肤化可能会对...

    Facebook 开源,Uber 维护的 iOS 快照测试框架.zip

    开发者可以在开发过程中为每个屏幕或界面元素创建一个初始的快照,然后在后续的开发迭代中,每次运行测试时,框架会自动重新生成当前状态的快照,并与之前保存的基准快照进行对比。如果两者匹配,则表示UI未发生意外...

    dhtmlxTabbar标签式框架

    2. **创建容器**:在HTML中为dhtmlxTabbar预留一个容器,例如一个空的`&lt;div&gt;`标签。 3. **实例化组件**:使用JavaScript创建dhtmlxTabbar实例,指定容器元素,并初始化配置参数。 4. **添加标签页**:调用API方法...

    【JavaScript源代码】Angular框架详解之视图抽象定义.docx

    它包含一个nativeElement属性,可以是DOM元素或在非浏览器环境中为null。 2. 模板 TemplateRef: TemplateRef是定义组件视图或嵌入视图的模板代码的抽象。它可以被用作@Component装饰器的template属性内联提供,...

    在OCaml中为MirageOS实现矩阵服务器_OCaml_下载.zip

    在OCaml编程语言中为MirageOS实现一个矩阵服务器是一项技术挑战,涉及到多个核心概念和技术。首先,让我们深入了解OCaml语言、MirageOS以及如何在这样的操作系统中构建服务器。 OCaml是一种多范式编程语言,它支持...

    ajax 框架 prototype1.6 中文版 天涯浪子

    Prototype 1.6.0.2是该框架的一个稳定版本,包含了一些改进和修复,以增强性能和兼容性。 2. **AJAX技术** AJAX允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。Prototype为AJAX操作提供了...

    在对话框里创建view类

    在描述中提到的"在对话框里创建view类",意味着我们需要在对话框内部嵌入一个View对象,以便在对话框内展示特定的数据或者提供特定的操作界面。以下是一些关键步骤和知识点: 1. **创建自定义View类**:首先,你...

    python创建cocos2d-x项目代码

    在游戏开发领域,Cocos2d-x 是一个非常流行的跨平台框架,支持多种编程语言,包括 C++ 和 Python。本篇文章将详细解析如何通过 Python 脚本来创建一个 Cocos2d-x 项目,并深入探讨其中涉及的关键技术和步骤。 #### ...

    Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)

    对于每一个属性,框架都会计算当前值与目标值之间的差值,并将其除以一个速度因子(在代码示例中为6),从而得到每步动画变化的数值。这个数值被用来更新DOM元素的相应属性,逐渐向目标值逼近。 特别地,对于透明度...

    vue拖动实现布局,添加元素,拖拽元素,设置文本大小

    在 Vue 组件内,你可以定义一个数据属性(如 `textSize`),并将其与元素的样式绑定。用户可以通过交互或输入框改变 `textSize` 值,从而改变文本的字体大小。使用 `v-bind:style` 或 `:style` 指令可以动态设置...

    安卓FragmentTab选项卡相关-分享一款Android中的轻松实现进入Activity或者Fragment的时候为view创建漂亮的过渡效果.rar

    在Android开发中,FragmentTab是实现多标签切换的一种常见方式,它允许用户在同一个Activity中切换不同的Fragment,提供丰富的交互体验。本资源分享的是如何在Android应用中为Activity或Fragment的视图创建出吸引人...

    类选择器允许以一种独立于文档元素.docx

    在CSS中,类选择器通常由一个点号(`.`)后跟一个或多个字符组成,例如`.important`。这个类名可以是任何合法的标识符,但建议使用有意义的名称,以提高代码的可读性。类选择器可以应用于任何HTML元素,包括`&lt;div&gt;`,...

    swift-iOS项目框架问题

    1. **基础ViewController(baseVC)**:在大型iOS项目中,通常会创建一个基础ViewController类,作为其他所有ViewController的父类。这样做可以统一处理一些共性逻辑,如初始化设置、网络请求、错误处理等,减少代码...

    一个简单的activty+4个fragment

    2. 在布局XML文件中为Fragment预留位置,通常是一个FrameLayout。 3. 在Activity的onCreate()方法中,通过FragmentManager和FragmentTransaction实例来添加、替换或移除Fragment。 对于这个项目,它包含了四个...

Global site tag (gtag.js) - Google Analytics