没有ajax以前的隐藏 iframe 技术

首先代码的主页面Main.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
</head>
<frameset rows="60%,40%" frameborder="1"><frame name="displayFrame" src="display.htm" noresize="noresize" /><frame name="hiddenFrame" src="about:blank" noresize="noresize" />
</frameset>
</html>

效果图如下:

下面看看display.html的代码

html页展示效果在上面

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title><script type="text/javascript">function requestEmpInfo() {var obj = document.getElementById("txt_empno");if (obj) top.frames["hiddenFrame"].location = "search.aspx?id=" + obj.value; //改变空白页的请求src};</script>
//得到显示的信息函数方法 记住此时这个方法在这个页页<script type="text/javascript">function getEmpInfo(info) {var obj = document.getElementById("div_empInfo");if (obj) obj.innerHTML = info;}</script></head>
<body><p>客户ID：<input type="text" id="txt_empno" value="7499" /></p><p><input type="button" value="检索" οnclick="requestEmpInfo()" /></p><div id="div_empInfo"></div>
</body>
</html>

下面在看看search.aspx页面代码

<%@ Import Namespace="HiddenFrame" %>
<%@ Import Namespace="System.Data" %>
<!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 runat="server"><title></title><script type="text/javascript">//页面载入加载信息       window.onload = function() {var obj = document.getElementById("div_empHiddenInfo");//首先得到返回信息if (obj) top.frames["displayFrame"].getEmpInfo(obj.innerHTML); //看到getEmpInfo函数方法没！};</script>//把后台代码写到了前台<script runat="server">protected void Page_Load(object sender, EventArgs e){if (!IsPostBack){string id = Request.QueryString["id"].ToString();DataTable dt = HiddenFrame.DS.CreateEMPDataSource();DataRow[] dr = dt.Select("empno=" + id);if (dr.Length > 0){this.div_empHiddenInfo.InnerHtml = "员工ID：" + dr[0]["EMPNO"].ToString() + "<br />" +"员工姓名：" + dr[0]["ENAME"].ToString() + "<br />" +"职位：" + dr[0]["JOB"].ToString() + "<br />" +"生日：" + dr[0]["HIREDATE"].ToString() + "<br />" +"薪水：" + dr[0]["SAL"].ToString() + "<br />" +"部门：" + dr[0]["DEPTNO"].ToString() + "<br />";}else{this.div_empHiddenInfo.InnerHtml = "没有检索到员工编号为 <'" + id + "'> 的员工。";}}}</script></head>
<body><form id="form1" runat="server"><div id="div_empHiddenInfo" runat="server"></div></form>
</body>
</html>

当我把参数改一下<frameset rows="100%,0" frameborder="1">

就会出下面的效果

下面是xml数据源和代码:

<EMPS><EMP><EMPNO>7369</EMPNO><ENAME>SMITH</ENAME><JOB>CLERK</JOB><MGR>7902</MGR><HIREDATE>1980-12-17</HIREDATE><SAL>800</SAL><DEPTNO>20</DEPTNO></EMP>
<EMPS>
//----------代码-------------
public class DS{public static DataTable CreateEMPDataSource(){DataSet ds = new DataSet();ds.ReadXml(HttpRuntime.AppDomainAppPath + "\\" + "emp.xml");return ds.Tables[0];}}

转载于:https://www.cnblogs.com/yzenet/archive/2013/03/18/2965746.html

没有ajax以前的隐藏 iframe 技术相关推荐

Paper：《Hidden Technical Debt in Machine Learning Systems—机器学习系统中隐藏的技术债》翻译与解读
Paper:<Hidden Technical Debt in Machine Learning Systems-机器学习系统中隐藏的技术债>翻译与解读导读:机器学习系统中,隐藏多少技术 ...
基于空间域的信息隐藏关键技术研究
实践题目:基于空间域的信息隐藏关键技术研究目标是实现对320x240的灰度图像(样本自选,不能是lena图像)进行信息隐藏设计,应用空间域信息隐藏方法(例如LSB替换方法等)进行实验测试.对上述技术 ...
2019尚硅谷大数据Javaweb篇三 Ajax、JSTL、会话技术、过滤器、监听器、xml、json
2019尚硅谷大数据 Javaweb篇三Ajax.JSTL.会话技术.过滤器.监听器 tags: 大数据 2019尚学堂 categories: Ajax异步请求 JSTL中的if和forEach 会 ...
Ajax并不是一种技术(Ajax入门好文章)
Ajax 并不是一种技术.它实际上是几种已经在各自领域大行其道技术的强强结合.Ajax混合了: * 基于XHTML/CSS * 由DOM(Document Object Model)实现动态显 ...
Python爬虫（7）selenium3种弹窗定位后点击操作，解决点击登录被隐藏iframe无法点击的登陆问题
之前的文章有关于更多操作方式详细解答,本篇基于前面的知识点进行操作,如果不了解可以先看之前的文章 Python爬虫(1)一次性搞定Selenium(新版)8种find_element元素定位方式 Py ...
隐藏iframe滚动条，并禁止滑动
隐藏iframe滚动条当我们通过 iframe 展示图片,或是通过 iframe 展示 PDF文件时,如果图片和 PDF 超出 iframe设置的宽高,就会出现横纵向的滚动条,如下图.当 ifra ...
html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动
今天遇到一个这样的问题:网页中如何隐藏iframe中的垂直滚动条,但依然可以用滚轮实现页面滚动???我就想先把iframe定义宽度和高度,在设置overflow:hidden;呗,但是这样多余的部分会 ...
【转】JS跨域（ajax跨域、iframe跨域）解决方法及原理详解（jsonp）
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...
JS跨域（ajax跨域、iframe跨域）解决方法及原理详解（jsonp）
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...
Google 顶级论文：机器学习系统，隐藏多少技术债？
来源: 全球人工智能概要:随着机器学习(ML)社群持续积累了几年对于活跃系统(live systems)的经验,一种让人不舒服的趋势广泛地浮出水面:研发和部署机器学习系统相对来说是既快速又便宜的,但 ...

没有ajax以前的隐藏 iframe 技术

没有ajax以前的隐藏 iframe 技术相关推荐

最新文章

热门文章