前段时间帮同事解决问题，iframe不能改变src 动态加载. 研究发现 火狐对iframe的支持度最高 iframe动态加载
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe动态加载</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label for="caidanyi"></label>
<select name="caidanyi" id="caidanyi" onchange="demo();">
<option value="http://www.ifeng.com" >第一期</option>
<option value="http://www.baidu.com" >第二期</option>
<option value="http://www.xunlei.com">第三期</option>
</select>
</form>
<iframe name="frame1" id="frame1" src="http://www.ifeng.com" height="768" width="1024"></iframe>
<script type="text/javascript">
function demo(){
//第一种方法 使用Window。open
// window.open(document.getElementById('caidanyi').value,'frame1');
//第二种方法：document.getElementById('frame1').src
document.getElementById('frame1').src=document.getElementById('caidanyi').value;
}
</script>
</body>
</html>
相关推荐
ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe 元素来加载外部页面或资源的技术。这种技术可以使得开发者更方便地在应用程序中嵌入外部资源，提高...
js控制/获取a.html中iframe加载的b.html中的iframe，很多人都以为getElementById可以直接获取，其实不行的，以上代码就解决了这个问题，js控制iframe加载页面的iframe，不过测试只在IE和火狐通过，谷歌不行，其他自...
在IT行业中，动态创建iframe和动态添加JavaScript代码是一种常见的技术，尤其在页面加载后需要异步加载内容或者实现跨域通信时。以下是对这个主题的详细讲解。 首先，`iframe`（Inline Frame）是HTML中的一种元素，...
然而，动态生成的IFRAME在设置`src`属性时，可能会遇到一些问题，尤其是在不同的浏览器环境下，如IE7和IE6。本文主要探讨的是在IE7下，动态设置IFRAME `src`属性时可能遇到的影响和解决方案。 首先，一个基本的动态...
- **性能优化**：对于动态加载的`<iframe>`内容，可以考虑使用懒加载技术减少页面的初始加载时间。 综上所述，通过使用`window.onbeforeunload`事件，我们可以在一定程度上监测到`<iframe>`中页面的变化情况。这...
在上面的代码中，我们首先创建了一个 iframe 元素，然后将其 src 属性设置为要加载的 URL。接着，我们添加了一个 onload 事件处理函数，该函数将在 iframe 加载完成后触发。 方法二：使用 attachEvent 方法 在 IE ...
标题“iframe（图片过渡效果欣赏）”暗示我们将探讨如何使用`iframe`来创建引人注目的动态图片展示。 `iframe`的基本语法如下： ```html <iframe src="URL" width="宽度" height="高度" frameborder="0" scrolling=...
通过以上知识点，可以看到，在实际开发中，若需要从一个iframe中获取src属性值，可以利用jQuery的选择器、attr()方法，以及$(document).ready()等，这些是进行DOM操作和动态获取内容时常用的方法。同时，也需要考虑...
而当用户点击切换tab时，我们通过JavaScript动态地为选中标签的iframe设置正确的src属性值，从而实现按需加载。 具体来说，可以使用jQuery配合easyui的API来实现。首先在页面加载完成事件中，遍历所有的iframe，将...
在Angular框架中，有时我们需要动态地为`iframe`元素设置`src`属性，以便根据用户交互或应用程序逻辑来更改加载的网页内容。本篇文章将详细解释如何在Angular中实现这一功能。 首先，让我们理解问题的核心：当我们...
- **示例**：在提供的代码中，`src="show.asp"`表示`<iframe>`将加载名为`show.asp`的页面。 #### `frameBorder`属性 - **定义**：控制`<iframe>`边框的显示。 - **示例**：`frameBorder="0"`表示边框不可见。注意...
动态改变`iframe`的`src`可能导致额外的HTTP请求，这可能影响页面的加载速度。因此，如果可能，尽量减少不必要的`iframe`重载，或者考虑使用其他技术如SPA（Single Page Application）或动态组件加载来优化用户体验...
`<iframe>`标签在HTML中用于创建一个内联框架，通过`src`属性指定要加载的URL。例如： ```html <iframe id="leftIframe" src="left.html" width="50%" height="100%"></iframe> <iframe id="rightIframe" src=...
4. **动态加载内容**：如果IFrame的内容是动态的（比如来自不同的URL），则需要使用JavaScript的`document.createElement('iframe')`创建IFrame对象，设置其`src`属性为所需URL，然后将其插入到DOM中。 5. **优化和...
1. 添加一个`iframe`元素，设置其`src`属性指向要嵌入的页面。 2. 创建一个CSS类来定义遮罩层的样式。 3. 编写JavaScript函数以控制遮罩层的显示与隐藏。 4. 将JavaScript函数绑定到合适的事件上，以触发遮罩层的...
`src`属性指定要加载的URL，`width`和`height`分别定义了iframe的宽度和高度。这些属性对于正确显示内容至关重要，因为如果iframe的尺寸小于嵌入页面的实际尺寸，就会出现显示不全的情况。 为了在`<div>`中嵌套`...
通过js动态改变iframe的src属性，可以让iframe加载新的网页内容，这对于实现网页内的页面跳转和内容更新等应用场景非常有用。下面详细讲解如何通过JavaScript改变iframe中的src属性，并且涉及到了一些相关的...
- **设置IFRAME源**：使用 `iframe.src = 'url'` 设置IFRAME加载的页面。 - **控制加载顺序**：根据需要，可以通过JavaScript控制各个IFRAME的加载顺序，实现逐屏加载。 ### 4. 示例代码 以下是一个简单的示例，...
然而，`<iframe>`的高度自适应问题常常困扰着开发者，尤其是当`<iframe>`内部的内容动态加载或者变化时，如何让`<iframe>`自动调整其高度以适应内容，而不会导致滚动条溢出或内容被截断，成为了一个常见需求。...
当需要动态改变iframe加载的页面时，可以使用JavaScript来操作iframe的`src`属性。例如，我们可以创建一个按钮，点击时更新iframe的源地址： ```html ()">切换页面 function changeIFrameSrc() { var iframe = ...