这里写了一个获取iframe中的src的url地址并将其修改的例子
<script type="text/javascript" >
var redurl;
$(document).ready(function() {
redurl=$('#redirt').attr("value");
$('#titles').find('a').removeClass('here');
$('#zuche').addClass('here');
});
window.onload = (function () {
var iObj = document.getElementById('ifm');
if(redurl!=null && redurl!=''){
iObj.src=redurl;
}
//alert("1:"+redurl);
//alert("2: "+iObj.src);
});
document.getElementById('ifm').location.reload();
</script>
<body class="body" style="text-align: center;">
<span id="redirt" value="${redirectURL}"></span>
<div id="wape">
<jsp:include page="/WEB-INF/head.jsp"></jsp:include>
<iframe id = "ifm" src="http://www.demo.com/demo.aspx?pid=108048 " frameborder="0" width="1000px;" style="text-align: center; height: 800px" scrolling="auto" >
</iframe>
<jsp:include page="/WEB-INF/bottom.jsp"></jsp:include></div>
</body>
分享到:
相关推荐
在探讨HTML网页加载中的`<iframe>`元素时,我们首先需要理解`<iframe>`的基本概念、属性及其在网页设计中的作用。本篇文章将围绕提供的代码片段`<iframe src="show.asp" frameBorder="0" width="500" scrolling="no...
在网页设计中,`<iframe>`元素是一种非常实用的工具,它允许我们在一个网页中嵌入另一个网页,比如展示文档、视频或者地图等。当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入...
然而,在使用`<iframe>`时,有时我们需要监测其内容的变化,特别是当`<iframe>`中的源地址(src属性)发生改变时。 #### 1. 使用`window.onbeforeunload`事件监测IFrame内容变化 根据提供的代码示例,主要关注点...
这段JavaScript函数`setIFrameHeight(iframe)`通过获取`<iframe>`内的内容文档(`contentDocument`),然后比较`body`和`documentElement`(HTML根元素)的`scrollHeight`属性,取两者中较大的值作为`<iframe>`的新...
2. **`iframe` 的 `z-index` 属性** - `<iframe>` 的 `z-index` 必须设置为负数,这样 `<div>` 才能正确地覆盖 `<iframe>`。 3. **尺寸匹配** - `<iframe>` 的 `top` 和 `left` 属性应设为 `0`,并且 `<iframe>` ...
- 需要确保`<iframe>`的`id`属性与脚本中的`"iyxzl"`一致。 #### 五、其他实现方式 除了上述JavaScript方法外,还可以尝试使用CSS来实现自动调整高度的效果,例如: - 使用Flexbox布局: ```html <div style=...
1. **跨域限制**:由于同源策略的限制,如果`<iframe>`中的文档与当前页面不在同一域下,则无法直接访问到`<iframe>`的内容,因此需要确保两者的域名相同或者源文档支持跨域访问。 2. **性能考虑**:频繁调整`...
<iframe src="目标页面URL" width="宽度" height="高度" frameborder="0" seamless></iframe> ``` `src`属性同样表示要加载的页面URL,`width`和`height`定义了iframe的尺寸。`frameborder`设置为0可以去掉边框,`...
- 需要确保`<iframe>`的`src`属性指向一个实际存在的URL,否则`onload`事件不会触发。 #### 四、示例代码解析 ```html <iframe id="discussion_hot" src="${base}/other/discussion_hot.action" onload="coos....
在网页开发过程中,经常会遇到需要将一个页面嵌入到另一个页面中的场景,这时就会用到`<iframe>`标签。然而,默认情况下,`<iframe>`的高度是固定的,当其内部内容发生变化时,可能会出现滚动条或者内容被截断的情况...
12. src —— 用于设置源文件地址,可以用在 `<img>`, `<frame>`, `<bgsound>`, `<embed>`, `<iframe>`等标记中。 13. text —— 可以用于设置字体颜色,也可以用于设置表单中的文字字段。 14. title —— 可以用于...
可以通过给 `<iframe>` 指定 `name` 属性来将其用作链接的目标,从而实现点击链接后在该 `<iframe>` 中加载内容的效果。 ```html <iframe name="targetFrame" src="default....
对于每一个`<iframe>`,首先确保其可见(即`display`属性为`block`),然后根据浏览器的不同获取到`<iframe>`内部文档的实际高度,并将其设置为`<iframe>`的高度。最后,通过监听页面加载完成事件来执行这个函数,...
可以设置`<iframe>`的`scrolling`属性为`no`,然后在外部页面中处理滚动事件。至于拖动,可以通过监听鼠标事件,计算鼠标的移动距离,然后更新`<iframe>`的位置来实现。 四、超简单的实现 虽然使用`<iframe>`创建...
在网页设计与开发过程中,经常需要使用到`<iframe>`元素来嵌入其他页面或内容。然而,在实际应用中可能会遇到由于内外层页面背景色不一致导致视觉效果不佳的情况。为了提高用户体验并保持整体风格的一致性,将`...
<iframe src="目标URL" width="宽度" height="高度" frameborder="边框" marginwidth="外边距宽度" marginheight="外边距高度" scrolling="滚动条" allowtransparency="透明度"></iframe> ``` 1. `src` 属性:这是`...
框架标签<iframe>用于在页面中嵌入其他HTML页面,具有src属性。 HTML文档结构分为整体结构和具体结构。整体结构包括文档类型声明,如HTML5的<!DOCTYPE html>,声明该文档遵循HTML5规范,而<html>标签对是HTML文档的...
- **`reinitIframe`函数**:该函数的作用是获取`<iframe>`内部文档的实际高度,并根据两者中的最大值更新`<iframe>`的高度。其中`contentWindow.document.body.scrollHeight`和`contentWindow.document....
`<frame>`标签则用于填充`<frameset>`中的每个部分,`src`属性指定要加载的HTML文档。 其次,`<frame>`标签是框架内容的实际载体。除了`src`属性之外,`<frame>`还可以包含其他属性,如`noresize`(阻止用户调整...
- **使用`contentDocument`**:对于大多数现代浏览器(包括 Firefox 和 Chrome),可以直接访问`<iframe>`元素的`contentDocument`属性,进而获取到内部文档对象模型(DOM)。 - **使用`document`**:对于某些旧版本...