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

js控制iframe内元素

阅读更多
<iframe id="myframe" src="http://www.baidu.com" width="50%" height="50%" align="center" style="margin-top:50px;" scrolling="no" frameborder="0"> 
</iframe> 
function changeImg() 
{ 
  var fr_doc = document.getElementById("myframe").contentWindow.document; 
  fr_doc.getElementById("myimg").src="images/beijing_dl.jpg"; 
  //两种访问iframe对象中的元素的方法 
  //document.getElementById("myframe").contentWindow.document.getElementById("myimg").src="images/beijing_dl.jpg"; 
  //document.frames["myframe"].document.getElementById("myimg").src="images/beijing_dl.jpg"; 
} 


>>>将a标签的连接属性禁用:显示连接,但是没有连接功能; 
<a href="javascript:void(0)"target="domain">暂无产品</a> 

 

分享到:
评论

相关推荐

    JS操作iframe里的dom(实例讲解)

    在JavaScript中,操作`iframe`内的DOM元素是常见的需求,特别是在构建复杂的网页应用时。`iframe`(Inline Frame)是一种可以在HTML文档中嵌入另一个HTML文档的元素,它允许我们实现页面分隔、加载外部资源或者创建...

    Iframe 高度自适应,js控制Iframe 高度自适应.docx

    js 控制 Iframe 高度自适应是指使用 JavaScript 语言来控制 iframe 的高度,使其能够自动调整以适应内容的高度。 在 iframe 高度自适应中,需要考虑多种浏览器的兼容性问题,包括 Firefox、IE、Opera 等不同的...

    外部滚动条控制iframe

    要实现外部控制iframe滚动,主要依赖于JavaScript,尤其是DOM操作。以下是一种常见的实现思路: 1. **获取iframe引用**:首先,需要通过其ID或其他选择器来获取iframe元素的引用,以便进一步操作。 2. **监听外部...

    原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

    iframe元素中的内容对于外部页面来说是隔离的,有自己的DOM树和执行上下文。因此,直接操作iframe内部的DOM元素是不可能的,除非通过特定的JavaScript代码来实现。 在父页面中获取iframe内部的DOM元素可以通过以下...

    Iframe的用法

    - **创建动态滚动效果**:通过JavaScript控制Iframe内部元素的滚动位置,可以实现动态滚动效果。例如,以下示例展示了如何通过定时器实现自动滚动的效果。 ```html 自动滚动示例 &lt;script type="text/...

    JS去除iframe滚动条的方法

    在介绍JS去除iframe滚动条的方法之前,首先需要理解iframe元素在HTML中的作用。iframe元素代表了一个嵌入的网页,允许在一个HTML页面中嵌入另一个文档,这在多种场景下非常有用,比如页面中嵌入第三方应用的界面等。...

    iframe对另一个iframe控制的Demo

    本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互,以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序,如页面内的多窗口...

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript中,可以通过`document.createElement('iframe')`创建一个iframe元素。然后,为其设置`src`属性,指向需要打印的页面URL,或者将其`contentDocument`或`contentWindow`指向一个包含HTML内容的Blob对象,...

    js操作iframe的一些知识

    在网页开发中,经常会遇到需要通过JavaScript来控制或操作Iframe元素的情况。Iframe(Inline Frame)是一种可以在当前页面内嵌入其他页面的方式,常用于广告展示、内容嵌入等场景。通过JavaScript,我们可以实现对...

    跨域控制iframe高度

    本文将深入探讨如何实现跨域控制iframe的高度,以优化用户体验。 首先,我们需要理解同源策略。同源策略是浏览器为了保障安全而实施的一项规定,它只允许JavaScript访问与当前页面具有相同协议(如HTTP或HTTPS)、...

    iframe(图片过渡效果欣赏)

    2. **JavaScript**:通过JS可以控制图片的加载顺序和切换时机,实现更复杂的交互,比如点击按钮切换图片、定时自动切换等。 3. **响应式设计**:考虑到现代网页的多样性,使用`iframe`时应确保其适应不同的屏幕尺寸...

    iframe 自适高度 JS控制代码实现

    ### iframe自适应高度JS控制代码实现 #### 概述 在网页开发中,经常会遇到需要让`iframe`元素根据其内部加载的内容自适应高度的需求。这样可以使得网页布局更加合理,用户体验更佳。本文将详细介绍如何通过...

    Jquery取得Iframe中元素的几中方法

    在实际应用中,这些方法可以帮助开发者更高效地管理和控制 iframe 中的元素,实现跨框架的数据传递和用户界面的动态更新。注意,由于同源策略的限制,只有当父窗口和 iframe 源相同,才能直接进行 DOM 操作,否则...

    解决下拉菜单被iframe遮住问题

    在网页设计中,下拉菜单经常用于实现导航或者...总之,解决下拉菜单被`iframe`遮住的问题通常涉及调整`z-index`、重新定位元素或使用JavaScript进行动态调整。根据具体场景选择合适的方法,可以有效地解决这类问题。

    javascript经典特效---Iframe页面的滚动.rar

    在本压缩包"javascript经典特效---Iframe页面的滚动.rar"中,重点是讲解如何利用JavaScript来控制Iframe中的页面滚动。 Iframe,全称Inline Frame,是一种在HTML文档中嵌入另一个HTML文档的方式。它常用于在网页中...

    JS动态修改iframe高度和宽度的方法

    JS动态修改iframe高度和宽度的方法主要涉及到JavaScript语言中对HTML元素进行操作的基本技巧,特别是针对iframe元素的尺寸调整。iframe元素在网页中常用于嵌入另一个HTML页面,而在JavaScript中,我们可以通过操作它...

    捕捉IFrame SRC改变事件

    在`main.html`中,通过`&lt;iframe&gt;`元素定义了一个嵌入式页面,并为其指定了一个唯一的ID(如“aaa”),方便后续通过JavaScript进行操作。 2. **编写JavaScript函数**: - `showBPage()`:当点击“提示”按钮时,...

    基于iframe的js动态标签tab

    在网页开发中,"基于iframe的js动态标签tab"是一个常见的功能实现,它结合了JavaScript、IFrame和Tab标签页的特性,为用户提供了一个交互式的浏览体验。这种技术主要用于在单个页面上加载和切换多个独立的内容区域,...

Global site tag (gtag.js) - Google Analytics