js控制iframe内元素

最新推荐文章于 2023-09-12 10:05:51 发布

原创最新推荐文章于 2023-09-12 10:05:51 发布 · 813 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

Javascript 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一种通过JavaScript操作网页中iframe元素的方法，并提供了一个具体的示例。此外，还展示了如何禁用a标签的链接功能，使其只显示文字而不具备跳转功能。

<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>