随着 Web2.0 的兴起,Ajax 满天飞,很多网站都为了追求新技术,设计出支持 Ajax 的页面。但是 Ajax 的唯一缺点是需要系统内置 XMLHttpRequest 组件才可以进行操作,同时不少人反感提交的时候没有进度条显示,同时设计方法复杂。因此 Ajax 工具出了很多来简化设计的方法。
与此同时,出现了不用组件的 Ajax 技术,实际上用了动态 script 的方式实现的。只能说是另一种老技术新包装的表现,已经和 Ajax 的本意是两个概念了。
再此,同样是老的不能再老的技术 MTIR 出现了。要问我我为什么要这么说,因为此技术本是 IFRAME 为技术内核的,而这在 Ajax 诞生之前是广为使用的一种方法。但是在 MTIR 中,把此技术进行了巧妙的封装,让设计者完全处于一种没有 IFRAME 的状态下即可设计出实时变化的页面。 方法极其简单,首先你需要在显示动态内容的区域用 <span> 标记上,如下:
<span id="main_frame" _frame></span>
用 _frame 附加的属性标记此处为 MTIR 所用的显示区域。 然后,在通常的链接设计中加上 _target 属性标记跳转目的区域即可,如下:
<a href='list.php' _target="main_frame">列表内容</a>
list.php 的内容会直接显示在 main_frame 的区域中。为了考虑到与 Firefox 的兼容,最好在 <a> 标记中加上事件 onclick="return false" 防止它产生标准的 A 跳转。
对于表单的处理也是同样,只需在表单中同样标记 _target="main_frame" 即可把表单内容提交到指定的区域中,如下:
<form _target="main_frame">
同时,针对已标记为 _frame 属性的 <span> 来说,系统给其附加了 location 函数,可以直接用脚本控制他显示指定文件的内容,如下:
main_frame.location('list.php')
如果用户需要在页面 onload 时即在 MTIR 区域显示指定的页面内容,用户可以定义一个 frame_init() 函数,把 location() 的调用写在其中。
只要你定义了多个 MTIR 显示区域,不同区域的打开是可以同时进行的。因此实现了网页的多线程页面开启。
分享到:
相关推荐
标签为 "综合资料",表明这份文档可能不仅包含了操作步骤,还可能涵盖了IR3AN设备的技术规格、功能特性、故障排查、维护保养等多方面的综合信息,是用户了解和使用该设备不可或缺的参考资料。 【压缩包子文件的文件...
版权说明:可以任意修改及传播,无任何版权问题,本人不对程序的漏洞任何责任,也不提供技术上的支持,本程序完全是本人的爱好写出来的! 演示:http://festival.100steps.net/register/gg.htm(教育网服务器来的,可能用...
55links友情链接网址跟踪器,放在桌面,每次直接打开就可以访问55links友情链接交易平台,方便快捷。
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!
moore_01_0909
FIBR English learning
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!
OIF_IEEE802.3_liaison_19OCt09
做网络安全FTP内容的实验必备
nagarajan_01_1107
AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!
mellitz_3cd_01_0318
PyQt6实战派 配套代码
陕西省省级非物质文化遗产经纬度数据统计表 统计内容包含以下字段: 1. 项目名称 2. 遗产类别 3. 入选批次 4. 所属地区 5. 申报地区/单位 6. 地理经度 7. 地理纬度 该统计表系统记录了陕西省省级非物质文化遗产的地理空间信息,为文化遗产的数字化保护与研究工作提供了重要的数据支撑。
ran_3ck_02a_0918
毕业设计_基于springboot+vue开发的汽车租赁管理系统【源码+sql+可运行】【50308】.zip 全部代码均可运行,亲测可用,尽我所能,为你服务; 1.代码压缩包内容 代码:springboo后端代码+vue前端页面代码; 脚本:数据库SQL脚本 效果图:运行结果请看资源详情效果图 2.环境准备: - JDK1.8+ - maven3.6+ - nodejs14+ - mysql5.6+ - redis 3.技术栈 - 后台:springboot+mybatisPlus+Shiro - 前台:vue+iview+Vuex+Axios - 开发工具: idea、navicate 4.功能列表 - 系统设置:用户管理、角色管理、资源管理、系统日志 - 业务管理:汽车管理、客户管理、租赁订单 3.运行步骤: 步骤一:修改数据库连接信息(ip、port修改) 步骤二:找到启动类xxxApplication启动 4.若不会,可私信博主!!!
# Runcorder - 跑步训练管理系统 Runcorder 是一款专为跑步爱好者、马拉松运动员及高校体育生设计的本地化跑步训练管理工具,基于 Python 开发,结合 Tkinter 图形界面与强大的数据处理能力,为用户提供从训练记录到数据分析的全方位支持。无论是初学者还是专业跑者,Runcorder 都能帮助你科学规划训练、精准追踪进度,并通过可视化图表直观呈现训练成果,让你的跑步训练更智能、更高效! - **多用户管理**:支持创建、加载和删除用户档案,每个用户的数据独立存储,确保隐私与安全。 - **科学训练记录**:全维度记录跑步数据,包括日期、里程、配速、自评和晨跑标记,支持智能输入校验,避免数据错误。 - **多维数据分析**:通过动态可视化图表展示跑步里程趋势、平均配速曲线,支持自定义 Y 轴范围,帮助用户深入理解训练效果。 - **高阶功能**:提供 4 种科学训练模式(有氧/无氧/混合),支持历史记录修改与删除,数据以 JSON 格式持久化存储,跨平台兼容。
paatzsch_01_0708
AnythingLLM是一个全栈应用程序,您可以使用流行的开源大语言模型,再结合向量数据库解决方案构建个人本地AI大模型知识库
mellitz_3ck_02_0519