`

使用jQuery让iframe自动加载

jQueryStrutsDojoJavaHTML 
阅读更多
主要是用到jQuery里面的$('#XXX').attr("src","urlstr");方法,把指定的urlstr赋给操作元素的src属性 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sx" uri="/struts-dojo-tags"%>
<!--DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"-->
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>
	<script type="text/javascript" src="/demo/js/jquery.js"></script>		
	<script type="text/javascript">
		jQuery.noConflict();	
		function initFirstTab(){
				jQuery('#user_bottom').attr("src", "/abc/def/queryFirstTab.action");
		}
	</script>
	</head>
	<body onload="initFirstTab()">
	...
	<iframe name="user_bottom" id="user_bottom" frameborder="0" scrolling="no" width="100%" height="400"></iframe>
</body>
</html>
1
顶
0
踩
分享到：
| struts2中如何在iterator里面放隐藏标签
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery插件:ajax和iframe加载提示效果

    **jQuery 插件：Ajax 和 Iframe 加载提示效果** 在网页开发中，用户体验是至关重要的，尤其是在进行异步操作（如Ajax请求）或加载Iframe时，用户往往需要一个明确的反馈，告知他们系统正在进行后台处理。这个jQuery...

    jquery对iframe自适应高度插件

    在网页开发中，有时我们需要将不同的内容嵌入到页面中，这时`iframe`（内联框架）就派上了用场。...通过合理利用这个插件，可以避免手动计算和调整`iframe`高度的繁琐工作，让网页布局更加整洁美观。

    使用JQUERY Tabs插件宿主IFRAMES

    在探讨如何使用JQUERY Tabs插件宿主IFRAMES之前，首先需要了解什么是JQUERY Tabs插件和IFRAME。JQUERY Tabs插件是JQUERY UI库中的一个组件，它允许开发者轻松地在一个网页上添加选项卡式界面，提升用户体验。而...

    js,jquery懒加载demo

    在这个示例中，当页面加载完成后，所有带有 `lazy` 类的图片都会被 jQuery Lazy 插件监控，并在进入视口时自动替换 `data-src` 属性为 `src`，触发图片加载。 **jQuery 懒加载 demo** 在你提到的 "js,jquery懒加载...

    使用jQuery和ajax代替iframe的方法(详解)

    下面详细介绍如何使用jQuery和ajax代替iframe，并说明其优势。 首先，让我们理解jQuery和ajax的基本概念。jQuery是一个快速、简洁的JavaScript库，它通过一个统一的接口简化了HTML文档遍历、事件处理、动画和Ajax...

    用jquery实现iframe高度自适应实例代码完美兼容多数浏览器

    本篇文章将深入讲解如何使用jQuery来解决`iframe`高度自适应的问题，并且确保代码在多数浏览器中都能完美运行。 首先，我们了解`iframe`的基本概念。`iframe`（Inline Frame）是HTML中的一个元素，用于在当前文档中...

    JQuery IFrame框架高度自适应（支持嵌套–兼容IE,ff,safafi,chrome）

    然而，由于浏览器的差异性，iframe的高度自动适应并不总是那么简单，尤其是在内容动态加载或页面内容高度不固定的情况下。 jQuery的iframe高度自适应解决方案通常涉及到监听iframe的“load”事件，当iframe内容加载...

    jquery tabs iFrame.docx

    在本文中，我们将深入探讨如何将jQuery与tabs和iframe结合使用，以便在页面的标签页内实现页面的无刷新跳转。首先，我们来看一下给定的代码片段，这是一个使用jQuery UI库创建的tabs组件的例子。 `; background: #...

    iframe自动适应高度（完美自适应高度嵌套代码），兼容目前主流浏览器。

    标题提到的“iframe自动适应高度（完美自适应高度嵌套代码）”提供了一个解决方案，它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度，包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...

    iframe 跨域 自动适应高度

    2. **iframe自动适应高度** 当`iframe`加载的页面高度不确定时，我们需要动态调整`iframe`的高度以适应内容。由于跨域限制，我们不能直接获取子页面的DOM信息，但可以通过以下策略实现： - **使用代理页面** ...

    懒加载jquery.lazyload.js

    5. **初始化插件**：在DOM加载完成后，使用以下代码初始化jQuery LazyLoad.js： ```javascript $(function() { $("img.lazy").lazyload(); }); ``` 在这里，`.lazy`是懒加载图片的CSS选择器，可以根据实际...

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    在探讨“基于jQuery的兼容各种浏览器的iframe自适应高度的脚本”这一主题时，我们首先需要理解几个关键概念：iframe、自适应高度以及jQuery。 ### 1. iframe概述 iframe，即Inline Frame，是HTML中一个用于在当前...

    前端项目-Iframe-Height-Jquery-Plugin.zip

    这个jQuery插件的主要功能是自动检测并设置Iframe的高度，确保内容完整显示，同时解决了跨域通信的问题。跨域问题通常发生在iframe加载的源与父页面源不同，浏览器出于安全考虑限制了两者之间的交互。而这个插件通过...

    使用jQuery插件FancyBox轻松实现弹窗视频

    type: 'iframe', // 如果视频是通过IFrame加载的，如YouTube // 或者 // type: 'inline', // 如果视频是页面内的标签 }); }); ``` 如果视频源是外部服务，如YouTube或Vimeo，我们可以使用IFrame类型，并提供...

    Jquery iframe内部出滚动条

    一个常见的需求是让iframe能够自动调整尺寸，以便其内容能够完整显示，而不需要出现浏览器的滚动条。相反，我们希望页面上出现滚动条，而iframe内部则不需要。为了解决这个问题，我们可以编写相应的Jquery代码，通过...

    jquery ajax应用中iframe自适应高度问题解决方法

    因为页面加载后，某些数据或内容可能仍在通过Ajax请求动态加载，导致iframe无法及时获取其内容的实际高度，从而无法自动调整其大小以适应内容。 为了解决这个问题，开发者提出了多种方法，其中之一就是通过编写...

    jquery自动添加tab

    本主题将深入探讨如何使用jQuery实现自动添加tab功能，这对于构建动态、交互式的网页导航栏至关重要。 首先，我们需要理解jQuery的核心概念。jQuery通过一个选择器（如$("#element")）来选取HTML元素，然后应用各种...

    jQuery简单实现iframe的高度根据页面内容自适应的方法

    这时，我们可以利用jQuery来解决这个问题，让`iframe`的高度根据其内部页面内容自动调整。本篇文章将详细介绍两种使用jQuery实现`iframe`高度自适应的方法。 ### 方法1：在`iframe`同级页面中设置高度 这个方法...

    iframe-resize:一个非常粗略的jQuery插件，可用于调整iframe的大小

    iframe调整大小 一个简单的实用程序，可将iframe调整为其内容的大小。 用法 $('iframe').iframeResize(); 这会将加载事件处理程序...iframeResize-min-height可用于为iframe设置默认高度，并在加载内容时自动将其删除。

    如何使用iframe

    **如何使用iframe** 在网页设计和开发中，`iframe`（Inline Frame）是一种非常有用的HTML元素，它允许我们在一个HTML文档中嵌入另一个HTML文档。`iframe`为开发者提供了将不同网页内容集成到同一页面的能力，例如...

Magicbox
Global site tag (gtag.js) - Google Analytics