`

简单明了的iFrame页面显示隐藏简单明了的例子(3),拿来改改直接用吧

阅读更多
<%@ page contentType="text/html; charset=GBK" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<link rel="stylesheet" href="../../style/style.css">s
<script>
function querystu (ppp)
{
 target 
= document.getElementById(ppp);
  target.style.display
="block";
}
 
</script>
<body bgcolor="#FFCCCC" text="#3300CC"leftmargin="0" topmargin="0">
<table width="70%" border="1" align="center">
<form action="" name="" method="post">
  
<tr> 
    
<td width="18%" height="25%"><div align="center">按学生id</div></td>
    
<td width="32%" height="25%"><input type="text" name="textfield" style="width:98%"></td>
    
<td width="15%" height="25%"><div align="center">按姓名</div></td>
    
<td width="35%" height="25%"><input type="text" name="textfield2" style="width:98%"></td>
  
</tr>
  
<tr> 
    
<td height="25%"><div align="center">按年龄</div></td>
    
<td><select name="age" style="width:98%">
     
<option>8-10</option>
  
<option>11-18</option>
  
<option>19-25</option>
  
<option>26-30</option>
  
<option>30以上</option>
 
</select></td>
    
<td height="25%"><div align="center">按性别</div></td>
    
<td>
 
<select name="sex" style="width:98%">
    
<option></option>
    
<option></option>
 
</select>
 
</td>
  
</tr>
  
<tr> 
    
<td height="25%"><div align="center">按登记时间</div></td>
    
<td colspan="3"><input type="text" name="textfield5" style="width:99%" readonly=""></td>
  
</tr>
  
<tr>
    
<td colspan="4"> <div align="center">
        
<input type="button" name="button" value="查询" onclick="javascript:querystu('show')">
  
&nbsp;&nbsp;&nbsp;&nbsp;
        
<input type="reset" name="reset" value="取消">
      
</div></td>
  
</tr>
<form>
</table>
<p>
<table id="show" style="display:none">
<iframe width=800 height=600  frameborder="0" src="lookStudentList.jsp">

</iframe>
</table>
<div align="center"></div>
</body>
</html> 
 
分享到:
评论

相关推荐

    iframe中页面显示不全1

    当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入内容的尺寸不匹配导致的。下面将详细探讨如何解决这一问题以及相关的知识点。 首先,我们需要了解`&lt;iframe&gt;`的基本结构和属性。...

    IFrame简单例子

    3. **广告嵌入**:在线广告通常以IFrame形式显示。 4. **多窗口应用**:例如,在线编辑器、富文本框等,它们可能包含多个独立操作的面板。 5. **跨域通信**:通过`postMessage`和`message`事件实现不同源IFrame之间...

    ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    在***中实现点击左边页面链接时,右边iframe框架显示对应链接页面的内容,是一种常见的网页布局模式,经常被用于后台管理系统中。这种布局允许用户在一个窗口内操作导航,而在另一个子窗口内查看和处理内容,从而...

    JQUERY实现iframe页面切换功能

    本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户体验和更高效的页面加载策略。 首先,我们需要理解iframe的基本概念。Iframe(Inline Frame)是HTML中的一个元素,它允许我们在...

    jquery点击按钮隐藏父页和引用页的iframe

    在网页开发中,有时我们需要实现一种交互效果,即在用户点击特定按钮时,隐藏嵌入在页面中的`iframe`元素。这种效果对于提高用户体验、控制页面布局或在多页面交互场景下尤为有用。本篇文章将深入讲解如何使用`...

    iframe实现左侧菜单右侧页面简单示例

    总的来说,"iframe实现左侧菜单右侧页面简单示例"是一个很好的教学资源,它涵盖了网页布局、iframe嵌套、CSS样式设计等基础知识,对于初学者来说,可以通过这个实例学习并掌握这些技能,为构建更复杂的Web应用打下...

    关于iframe页面报错如何跳到框架显示

    ### 关于iframe页面报错如何跳到框架显示 在网页开发过程中,经常遇到的一个问题是当嵌入在`iframe`中的内容出现错误时,如何让用户直接看到这个错误所在的框架或者跳转到一个特定的页面。这个问题涉及到前端...

    拖拽一个iframe中的div 在另一个iframe页面中显示

    标题 "拖拽一个iframe中的div 在另一个iframe页面中显示" 描述了在Web开发中一个交互性的技术,涉及跨框架(iframe)通信和DOM操作。这个技术主要应用于创建富交互的用户界面,允许用户在不同的iframe之间传递和操作...

    用js互相调用iframe页面内的js函数

    由于同源策略的限制,只有当主页面与`iframe`页面在同一域下,我们才能直接访问`iframe`页面的JavaScript对象。在满足同源策略的情况下,可以这样调用`iframe`页面中的函数`right()`: ```javascript // 首先,需要...

    iframe跨域常用问题和iframe页面自适应

    在网页开发中,`iframe`(Inline Frame)是一种非常实用的元素,它可以将一个完整的HTML文档嵌入到当前页面中,常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点:`...

    iframe弹出框遮罩父类页面

    3. **JavaScript控制**:在子页面的JavaScript代码中,我们需要编写函数来控制弹出框的显示和隐藏。这通常包括两个部分:显示弹出框和遮罩层,以及关闭弹出框并移除遮罩层。当用户触发某个事件(如点击按钮)时,...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    在网页设计和开发中,有时候我们需要处理多个`iframe`(内联框架)并实现特定的交互效果,例如只显示其中一个`iframe`中的`div`元素,并确保它在所有其他元素之上,即处于最上层显示。这样的需求通常出现在需要创建...

    在vue中实现嵌套页面(iframe)

    在这个例子中,`src`属性指定了`iframe`要加载的页面路径,`width`和`height`定义了`iframe`的尺寸,`frameborder="0"`用于去除边框,`scrolling="auto"`控制滚动条的显示,而`style`属性设置了`iframe`的位置。...

    iframe父页面与子页面通信及相互调用方法

    - **子页面(Child Page)**:在`iframe`中显示的页面,是内嵌页面或被嵌入的页面。 2. **同源策略(Same-Origin Policy)** 为了防止恶意网站之间的数据泄露,浏览器实施了同源策略。只有当父页面和子页面具有...

    自动调节iframe高度,而不显示其滚动条 js

    ### 自动调节iframe高度,而不显示其滚动条 js #### 背景介绍 在网页开发过程中,经常会遇到需要在一个页面内嵌入另一个页面的情况,这时通常会使用HTML中的`iframe`元素来实现。然而,当嵌入的内容高度不确定或者...

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧

    在iframe 中页面中设置遮罩遮罩层

    此外,由于涉及到跨域问题,如果`iframe`加载的页面不在同一域名下,可能会受到浏览器同源策略的限制,无法直接操作iframe内容。这时,可以考虑使用`postMessage`和`message`事件进行父子窗口间的通信,控制遮罩层的...

    iframe实例

    本实例将通过两个具体的例子来深入解析`iframe`的使用方法。 **例子一:嵌入外部网页** 在第一个例子中,我们将会看到如何使用`iframe`来嵌入一个外部网站。`src`属性是`iframe`的关键,它指定要加载的网页URL。...

Global site tag (gtag.js) - Google Analytics