Jquery 操作页面中iframe自动跟随窗口大小变化,而页面不出现滚动条,只在iframe内部出滚动条

很多时候大家需要iframe自适应所加载的页面高度而不要iframe滚动条,但是这次我需要的是页面不需要滚动条而iframe要滚动条,且iframe自动跟随窗口大小变化、自适应页面大小。下面是代码,下次有时间在来解释下代码。

$(document).ready(function(){

//调用函数

var pagestyle = function() {

var iframe = $("#iframe");

var h = $(window).height() -
iframe.offset().top;

iframe.height(h);

} //注册加载事件 $("#iframe").load(pagestyle);
//注册窗体改变大小事件 $(window).resize(pagestyle);

});

时间: 2024-08-05 17:04:51

Jquery 操作页面中iframe自动跟随窗口大小变化,而页面不出现滚动条,只在iframe内部出滚动条的相关文章

JQuery操作select中的option

html页面代码如下: <!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> <meta http-equiv=&q

点击超链接,将页面中某个数据传到另一个页面

<input type="text" name="name"> <input type="text" name="age"> <a href="javascript:location.href='test.html?name='+document.getElementsByTagName('input')[0].value+'&age='+document.getElements

JSF页面中使用js函数回调后台bean方法并获取返回值的方法

由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的,很可能会误导使用者. 相对来说,看国内的那些仅仅是翻译过来的文章或书籍不如直接看国外的官方文档或资料来的实在,在我讲述jsf页面中如何使用js调用后台bean方法之前,先给大家说几个国外的资料.在primefaces官方网站上,你可以搜索到几乎所有你需要的东西,primefaces官网为:http:

JQuery操作Table元素

使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down 按钮,tr 下移. ASPX代码: <table border="0" cellpadding="3" cellspacing="1"> <tr> <td>    </td> <td align=

Visual Studio 2013新建ASP.NET项目使用Empty模板,在页面中使用验证控件出错的解决方案

Visual Studio 2013新建ASP.NET项目使用Empty模板,在页面中使用验证控件,运行页面,会出现如下的错误: 错误原因 VisualStudio 2012(或2013) WebForm 4.5 开发中,很多控件默认Enable了 Unobtrusive ValidationMode(所谓Unobtrusive Validation,就是一种隐式的验证方式)的属性(和jquery的引用相关),但并未对其进行赋值, Programmer必须手动对其进行设置.比如,在进行数据验证时

页面中查询模块的设计与实现思路

在做一个物品的展示管理页面,想把增删改查都放到页面中,用axure画了一个页面,比较简单,主要分为上下两部分,上半部分是查询模块,下半部分是表格,用来展示数据.新增按钮单独在页面中,修改按钮在表的每一行数据后面,删除按钮在表格下面,将表格中的数据每一行设为可选,选择后进行删除操作.查询部分没有考虑很多,只是列了几个物品的主要属性,有下拉框有文本框,可选可填,然后查询,其实默认的就是这些查询条件之间是"与"的关系. 图1 自己设计的查询模块??项目在讨论的时候,技术领导说了一下这个地方设

androidbenchmark和iphonebenchmark这两页面中设备信息爬虫

#coding=utf-8 #--------------------------------------- # 程序:androidbenchmark爬虫 # 作者:ewang # 日期:2016-7-11 # 语言:Python 2.7 # 功能:获取页面中的Android PassMark Rating信息保存到文件中. #--------------------------------------- import string import urllib2 import re impor

在JSP页面中获取本页的文本框值(亲测可用)

对我很有用,就记在这了,方便再学习. 项目中用到一个查询条件,点击查询后,需要将结果显示在本页中.但是需要能在本页面中取值,如何不通过别的页面或action/servlet第三方来获得该文本框的值呢.百思不得其解...... 还是我们老大见多识广,在高人指点下不费吹灰之力就解决了(但是需要在JSP页面中写JAVA代码) 首先是一个form表单,里面有一个文本框或其它的表单项 <form name="thisform"method="post"><i

JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)

1)在iframe中查找父页面元素的方法: $('#id', window.parent.document) 2)在iframe中调用父页面中定义的方法和变量: parent.method parent.value 3)实例 1.父页面 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="If