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

最新推荐文章于 2022-02-11 15:17:39 发布
最新推荐文章于 2022-02-11 15:17:39 发布
阅读量143 收藏
点赞数
分类专栏： JavaScript 文章标签： 框架 XHTML HTML
用html写了一个框架分为上下两块，我想在上面块中为下面的块创建一个div
以下是我的源码
[code]
<!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" οnclick="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>
[/code]
这样做的错误在那里，请大家指点一二。谢谢！
hamburg1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity 如何实现一个通用的新手引导框架
TxNet
07-16 8385
前言 在游戏开发中，新手教程是必不可缺的一项功能，一个方便增删改查的教程框架是非常重要的，可以为项目提高很高的效率。 一般不同的游戏项目，新手引导也不太一样，比如，在一些复杂的3D游戏中，有关人物的技能，杀怪，副本等等的流程引导，常常会习惯创建一个Base基类，然后针对不同类型的引导，继承一些子引导类，然后配合一些关卡配置表，来实现不同的引导。而一些简单的2D游戏，比如棋牌，卡牌，休闲等游戏，因为大量的引导都是基于UI或者2D平面的，所以使用一套通用的引导代码，加上配置表，可以完成90%的新手引导。 我今天
基于jquery的一个OutlookBar类，动态创建导航条
10-28
- 在对应ID的子菜单容器`<div>`元素内，创建一个新的`<li>`元素，包含一个链接`<a>`，设置目标框架`target`为`targetName`（在本例中为`BoardList`），并设置链接URL和文本。 接下来，我们看看如何在HTML文档中...
理解Web框架，和如何构建一个CSS框架
经典草根Blog
12-10 1659
      近来，在Web开发中”框架”是一个相当时髦的词。比如JavaScript 框架 YUI、 JQuery和Prototype 都引起广泛的关注， Web应用框架Rails and Dojo 更是引人瞩目，仿佛所有人都使用某种框架来开发自己的网站。但究竟什么是框架?是不是框架仅仅是对程序员有用，设计师是否可以从中收益？什么是框架? 　　为了便于沟通，我们给“框架”统一一个定义（至少在本篇文
<html><frameset> <frame id='top',jquery 操作iframe、frameset
weixin_35853975的博客
07-17 137
============================================iframe------------1,主框架操作a$(window.frames["a"].document).find(".adiv").text("sdsd");------------2,a操作主$(".class1",window.parent.document).text("asdafasf");...
JS获取另一个frame中的元素的值
asdf_2012的专栏
11-24 9796
var deviceType = parent.window.frames["locksetFrame"].document.getElementById("key_lock").value; console.log(deviceType);
如何自己开发一个Android APP（2）——项目框架
RK_Dangerous的博客
01-03 889
如题
Spring框架详解New
靖节先生的博客
02-11 1541
Spring框架详解New1. Spring框架概述2. Spring框架特点3. Spring框架优缺点3.1 Spring框架优点3.2 Spring框架缺点4. Spring框架设计模式5. Spring IoC5.1 Spring IoC概念5.2 Spring BeanFactory5.3 Spring ApplicationContext5.4 BeanFactory 和 ApplicationContext的区别5.5 Spring DI 依赖注入5.6 WebApplication 体系架构
几个常用的javascript框架比较
woaipaiqiu的专栏
06-05 1083
JavaScript 是面向对象的脚本语言，长期以来用作 Web 浏览器应用程序的客户端脚本接口。JavaScript 让 Web 开发人员能以编程方式处理 Web 页面上的对象，并提供了一个能够动态操作这些对象的平台。在最初引入 JavaScript 时，通常只用于提供 Web 页面上的一些不重要的特性，如时钟功能和浏览器状态栏中的滚动文本等。另一个常见的特性是 “rollover link”，
搭建SSH框架步骤
04-18
- 在`struts.xml`中为每个Action类定义Action配置，包括Action名称、映射的类和方法，以及结果页面。 12. **调整applicationContext.xml**： - 根据业务需求，可能需要在`applicationContext.xml`中配置更多服务...
jsp中为表格添加水平滚动条的方法
10-21
以下是一个详细的步骤来解释如何在jsp中为表格添加水平滚动条。 1. **HTML表格基础**： 首先，我们需要创建一个基本的HTML表格。表格由`<table>`标签定义，`<tr>`标签用于创建行，`<th>`用于定义表头，而`<td>`...
PHP-BOOTSTRAP：让我们从简单的设计模板的框架开始，并与著名的bootstrap一起开始，并使其易于使用PHP语言（众所周知的功能强大的大象）
01-31
在这里，我们不打算制作一个Content Management System，而是试图制作房屋的框架，然后可以将其作为开发灵感，以便我们可以使基于php的家庭性感。 使Bootstrap与我们的php项目融合并顺利运行，以便我们可以将更多...
C#中使用XmlDocument类来创建和修改XML格式的数据文件
09-02
`CreateElement()`方法用于创建新的元素节点，接受一个参数——元素的限定名。创建属性节点则使用`CreateAttribute()`方法，同样需要指定属性的限定名。这两个方法返回的分别是`XmlElement`和`XmlAttribute`类型的...
如何在点击一个链接时，同时改变两个frame里的内容
Seven_Amber的博客
10-19 2173
做框架布局的练习的时候，想要点击top导航,然后同时改变两个frame的显示内容 这是我的布局             下面是top中的代码，也就是要实现效果的部分： 两个都变 要点是：当前框架的html名.目标框架名.location='目标页面地址' 注意两个之间用分号隔开，单双引号不区分，但是互相包含的时候必须交替出现  " 
HTML怎么使超链接在同一窗口的另一个框架中打开（iframe框架）
热门推荐
qq_42408149的博客
09-03 2万+
//框架 &amp;amp;amp;amp;amp;lt;iframe name=&amp;amp;amp;amp;quot;框架名&amp;amp;amp;amp;quot; src=&amp;amp;amp;amp;quot;images/img1.png&amp;amp;amp;amp;quot; width=&amp;amp;amp;amp;quot;1300&amp;amp;amp;amp;quot; height=&amp;amp;
小程序版python语言pytorch框架训练识别人眼视网膜图像中的疾病分类-不含数据集图片-含逐行注释和说明文档.zip
06-19
本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 如果有环境安装不会的，可自行网上搜索如何安装python和pytorch,这些环境安装都是有很多教程的，简单的 环境需要自行安装,推荐安装anaconda然后再里面推荐安装python3.7或3.8的版本，pytorch推荐安装1.7.1或1.8.1版本 首先是代码的整体介绍 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01数据集文本生成制作.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集 运行02深度学习模型训练.py,
小程序版python语言pytorch框架训练识别猴子种类-不含数据集图片-含逐行注释和说明文档.zip
06-19
本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 如果有环境安装不会的，可自行网上搜索如何安装python和pytorch,这些环境安装都是有很多教程的，简单的 环境需要自行安装,推荐安装anaconda然后再里面推荐安装python3.7或3.8的版本，pytorch推荐安装1.7.1或1.8.1版本 首先是代码的整体介绍 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01数据集文本生成制作.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集 运行02深度学习模型训练.py,
protobuf-3.10.0-py2.7.egg
最新发布
06-19
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
如何用代码增加一个右侧聊天工具
09-06
首先，在HTML文件中创建一个聊天工具的容器。可以使用标签，并为其指定一个唯一的id属性，以便在CSS和JavaScript中引用。例如：<div id="chat-tool"></div>。 接下来，在CSS文件中为聊天工具的容器进行样式设置。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值