`
85977328
  • 浏览: 1898649 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 刷新iframe内容

阅读更多
<html>
<head>
	<title></title>
</head>
	<script language="JavaScript">
		function u1(u)
		{
		  document.getElementById("iframeid").src=u;
		}
	</script>
	<body>
		<iframe  width="400" height="300" src="" name="iframename" id="iframeid"></iframe>
		<br>
		<input type="button" value="http://www.baidu.com/" onClick="u1('http://www.baidu.com/')">
		<input type="button" value="http://www.google.com/" onClick="u1('http://www.google.com/')">
		<input type="button" value="http://www.51js.com/" onClick="u1('http://www.51js.com/')">
	</body>
</html>

分享到:
评论

相关推荐

    PHP网站使用JavaScript和Iframe简单实现部分刷新效果1

    通过合理的页面布局,JavaScript的交互控制以及Iframe的动态内容加载,我们可以创建出响应用户操作、更新快速且界面流畅的Web应用程序。这种技术在现代Web开发中非常常见,尤其对于大型复杂网站,它可以显著提升性能...

    后台管理禁止iframe刷新返回首页

    5. **禁用`iframe`的刷新按钮**:虽然这可能影响用户体验,但作为一种备选方案,可以通过CSS或JavaScript隐藏或禁用`iframe`内的刷新按钮,防止用户意外点击导致的页面跳转。 6. **路由管理**:如果后台管理系统...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    通常,这会涉及到AJAX请求,将数据发送到服务器,然后根据返回的结果更新iframe内容。例如,使用jQuery的AJAX方法: ```javascript $.ajax({ type: 'POST', url: 'submitData.php', // 服务器端处理数据的脚本 ...

    基于bootstrap用iframe实现的局部刷新的案例

    在这个“基于bootstrap用iframe实现的局部刷新的案例”中,我们将探讨如何利用Bootstrap结合JavaScript(特别是与标签相关的操作)以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先,Bootstrap的Tab组件...

    JS页面跳转和js对iframe进行页面跳转、刷新

    刷新iframe内的页面可以通过再次设置`location.href`属性来实现。 ```javascript var iframe = document.getElementById('myIframe'); iframe.src = iframe.src; // 或者 iframe.contentWindow.location.reload(); `...

    javascript IFrame 强制刷新代码

    以下详细说明了在JavaScript中强制刷新iframe的相关知识点。 首先,了解iframe缓存的原因和工作原理很重要。浏览器缓存内容主要是为了提高页面加载速度和减少服务器负载,但由于这种缓存,iframe中的内容在进行数据...

    bootstarp+iframe 实现局部刷新 后台模板

    在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要加载`iframe`内的内容,而不是整个页面,实现了局部刷新的效果。 选项卡功能是另一种提高用户交互性...

    javascript刷新父页面

    ### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的...

    iframe标签实现网页部分刷新

    在网页设计和开发中,`iframe`(Inline Frame)标签是一种强大的工具,它允许我们将一个网页嵌入到另一个网页中,实现部分内容的独立加载和刷新,从而提高用户体验。`iframe`广泛应用于网站后台、模块化内容展示、...

    JavaScript刷新页面大全

    // 刷新iframe内容 ``` #### 3. 使用 `window.navigate()` 尽管 `window.navigate()` 在现代浏览器中已不被支持,但这里提一下以作参考。此方法可用于导航到新的URL或刷新当前页面。 **示例代码:** ```...

    JavaScript中iframe实现局部刷新的几种方法汇总

    Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧

    使用iframe实现点击导航无刷新切换页面

    这里的JavaScript函数`changeIframe`接收一个参数,即要加载的页面URL,并将其赋值给`iframe`的`src`属性,从而实现在导航栏点击时无刷新切换内容。 **三、Bootstrap导航栏的响应式设计** Bootstrap的导航栏是响应...

    javascript刷新

    在探讨“javascript刷新”这一主题时,我们深入到网页开发的核心技术之一——JavaScript,了解如何通过这段小巧却功能强大的脚本语言实现页面刷新。页面刷新是网页应用中一个常见的需求,尤其是在实时数据更新、表单...

    再iframe中刷新列表

    ### 在iframe中刷新列表 #### 知识点概述 本文主要介绍了如何在使用iframe嵌套的情况下,通过不同的方法实现子页面或弹出层对父页面列表的刷新操作。具体涉及的技术包括JavaScript的基本用法、DOM操作以及第三方库...

    demo_DEMO_子页面刷新父页面iframe_

    标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...

    iframe实现页面局部刷新操作

    `iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架内加载和显示内容,从而实现局部刷新的效果。在本案例中,我们将讨论如何利用`iframe`来实现图片的上传和无刷新展示,以及涉及...

    解决双iframe互相刷新进入死循环的问题

    然而,在处理多个iframe交互时,可能会遇到一个棘手的问题——双iframe互相刷新进入死循环。这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方,导致无限循环,严重影响用户体验并可能导致...

    php+iframe 无刷新上传

    同时,为了利用iframe实现无刷新上传,`target`属性应设置为iframe的ID。 3. **IFrame应用** IFrame作为目标表单提交点,可以让表单提交在背景中进行,不更新整个页面。创建一个隐藏的iframe,将表单的`action`...

Global site tag (gtag.js) - Google Analytics