`
sony-soft
  • 浏览: 1105462 次
文章分类
社区版块
存档分类
最新评论

MTIR网站多线程实时重载技术

 
阅读更多

随着 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 显示区域,不同区域的打开是可以同时进行的。因此实现了网页的多线程页面开启。

分享到:
评论

相关推荐

    TAKEX日本竹中IR3AN操作手册.rar

    标签为 "综合资料",表明这份文档可能不仅包含了操作步骤,还可能涵盖了IR3AN设备的技术规格、功能特性、故障排查、维护保养等多方面的综合信息,是用户了解和使用该设备不可或缺的参考资料。 【压缩包子文件的文件...

    PHP广告设计大赛广告展示平台程序

    版权说明:可以任意修改及传播,无任何版权问题,本人不对程序的漏洞任何责任,也不提供技术上的支持,本程序完全是本人的爱好写出来的! 演示:http://festival.100steps.net/register/gg.htm(教育网服务器来的,可能用...

    55links友情链接网址跟踪器

    55links友情链接网址跟踪器,放在桌面,每次直接打开就可以访问55links友情链接交易平台,方便快捷。

    [AB PLC例程源码][MMS_046180]CompactFlash Data Storage.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    moore_01_0909.pdf

    moore_01_0909

    FIBR English learning

    FIBR English learning

    [AB PLC例程源码][MMS_042350]How to send-receive SMS text messages using Westermo modem.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    OIF_IEEE802.3_liaison_19OCt09.pdf

    OIF_IEEE802.3_liaison_19OCt09

    SerU,做网络安全FTP内容的实验必备

    做网络安全FTP内容的实验必备

    nagarajan_01_1107.pdf

    nagarajan_01_1107

    [AB PLC例程源码][MMS_043879]Programming in SFC and ST Language.zip

    AB PLC例程代码项目案例 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我!

    mellitz_3cd_01_0318.pdf

    mellitz_3cd_01_0318

    PyQt6实战派 配套代码

    PyQt6实战派 配套代码

    陕西省省级非物质文化遗产民俗经纬度数据统计表

    陕西省省级非物质文化遗产经纬度数据统计表 统计内容包含以下字段: 1. 项目名称 2. 遗产类别 3. 入选批次 4. 所属地区 5. 申报地区/单位 6. 地理经度 7. 地理纬度 该统计表系统记录了陕西省省级非物质文化遗产的地理空间信息,为文化遗产的数字化保护与研究工作提供了重要的数据支撑。

    ran_3ck_02a_0918.pdf

    ran_3ck_02a_0918

    毕业设计-基于springboot+vue开发的汽车租赁管理系统【源码+sql+可运行】50308.zip

    毕业设计_基于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 - 跑步训练管理系统 Runcorder 是一款专为跑步爱好者、马拉松运动员及高校体育生设计的本地化跑步训练管理工具,基于 Python 开发,结合 Tkinter 图形界面与强大的数据处理能力,为用户提供从训练记录到数据分析的全方位支持。无论是初学者还是专业跑者,Runcorder 都能帮助你科学规划训练、精准追踪进度,并通过可视化图表直观呈现训练成果,让你的跑步训练更智能、更高效! - **多用户管理**:支持创建、加载和删除用户档案,每个用户的数据独立存储,确保隐私与安全。 - **科学训练记录**:全维度记录跑步数据,包括日期、里程、配速、自评和晨跑标记,支持智能输入校验,避免数据错误。 - **多维数据分析**:通过动态可视化图表展示跑步里程趋势、平均配速曲线,支持自定义 Y 轴范围,帮助用户深入理解训练效果。 - **高阶功能**:提供 4 种科学训练模式(有氧/无氧/混合),支持历史记录修改与删除,数据以 JSON 格式持久化存储,跨平台兼容。

    paatzsch_01_0708.pdf

    paatzsch_01_0708

    开源AI工具下载——AnythingLLMDesktop1.7.3-r2 windows版

    AnythingLLM是一个全栈应用程序,您可以使用流行的开源大语言模型,再结合向量数据库解决方案构建个人本地AI大模型知识库

    mellitz_3ck_02_0519.pdf

    mellitz_3ck_02_0519

Global site tag (gtag.js) - Google Analytics