如何实现网页内的链接(使用Iframe实现网页之间数据的“隐形” 传送)

1 Iframe简介？Iframe是超文本标记语言HTML中的一个标签，它是用来实现框架的一种形式。像公共框架集一样，iframe在对被用来分割网页结构，以保持网页的某些部分是公共的。但是，与Frameset中整个网页的框架结构分割相比，对，对， Iframe更灵活，它可以将内嵌带到网页上的任何地方，并且它可以用来实现内嵌在一个网页文件中，方法也很简单，只需用它的src属性指向你想要包含的文件，并根据情况制作它的宽度、高度等属性。2个设计创意？我们可以利用iFrame 内嵌网页的特点，实现网页之间“看不见”的数据传输。也就是说，当前页面不移动，但是可以将数据传输到目的页面，并且可以通过当前页面上弹出的对对话框将数据传输的结果告知用户。这种通过Iframe进行“隐形”数据传输的方法可以应用到很多地方，如系统用户登录、考生在考试系统中提交试卷答案、考试系统中题库的管理和维护等。让我们以后台某考试系统的教师登录界面为例，看看Iframe是如何实现数据的“隐形”传输的。在login.asp的登录界面，用户输入教师代码和密码，点击“教师登录”按钮，信息被发送到信息验证页面login_do.asp.如果代码和密码正确，可以在进入；后台，管理admin.asp系统界面，如果错信息错误，会直接在当前登录页面弹出提示错信息错误的对对话框，用户可以在当前页面重新输入信息。为了达到当用户信息从登录页面login.asp发送到信息验证页面login_do.asp时，当前页面保持不动的效果，我们需要在当前登录页面login.asp上创建一个名为tj的Iframe，并使其src属性等于“Iframe 1 . ASP”，即在登录页面上使用Iframe 内嵌另一个网页文件ifram1.asp。这个网页的功能是提交数据。它只包含一个带有几个文本框的f1表单，用于存储将来的用户数据。该表单的action属性指向用于验证对用户信息的login_do.asp文件。我们将Iframe的宽度和高度定义为零，并将f1表单上几个文本框的类型属性设置为隐藏，这样Iframe及其位于内嵌ifram1.asp的网页就不会被用户看到，即“隐藏”。对数据的提交流程如如图1所示。图1 Iframe提交数据的过程？教师在登录页面上输入login.asp提供的表单1上的代码和密码，点击“教师登录”按钮触发Onclick事件，即JavaScript定义的checklogin()函数。该功能首先检查客户端的用户代码和密码是否为空，如果为空，则重新填写；如果不为空，则将当前页面表单1中的代码和密码信息分配到IFrame 内嵌ifram1.asp网页上的表单f1的两个文本框中，然后在对表单f1中提交操作。由于f1的动作属性是login_do.asp，因此教师的代码和密码信息通过f1表单提交给验证文件login_do.asp。login_do.asp文件接收表单f1上的数据，然后通过查询数据库中的教师信息、对代码和密码来验证它。如果验证是正确的，页面由后台，进入管理。否则，会给出一条提示错错误的消息，允许用户重新输入。

可以看出，在这个过程中，从登录页面login.asp到信息验证页面login_do.asp的数据提交操作是在iFrame 内嵌，的ifram1.asp的帮助下实现的，但是在login.asp页面上只做了一些赋值操作，没有进行真正的数据提交操作。因此，登录页面的login.asp保持不变，并且指示代码或密码的错是错误的提示框也将显示在当前登录页面上。3具体实施？下面的实现代码是用Asp和Javascript给出的。(1)登录界面中login文件的内容。(3)信息验证页面的登录文件内容。连接到数据库？%？sqlstr='从教师处选择jsdm，jsxm，其中jsdm=' request . form '(n1 ')'和jsmm=' request . form '(N2 ')'？执行SQL语句并查询数据库？如果是dbrs.eof呢？response.write“”还有吗？会话(“jsxm”)=dbrs(“jsxm”)？如果老师的代码和密码正确，进入后台将管理界面。结束如果？%？关闭数据库连接？4结束语？通过在当前页面上设置不可见的IFrame 内嵌页面的这种数据传输方法实际上实现了“不刷新”页面效果，也就是说，在数据交换过程中，当前页面(即父页面)不跳转(即不刷新)，使得对用户可以继续操作并保持响应。这种效果可以应用于许多地方。在实际使用过程中，我们可以在内嵌，的ifram1.asp文件中设置更多的文本框，这样内嵌的ifram1.asp文件就可以在一个系统中的很多地方使用，但是实际使用的文本框数量每次都不一样。