javascript - IFrame 中用于更改 href 值的 HREF 链接

标签 javascript jquery html iframe href

是否可以在 iframe 中更改或附加超链接?

这是我的代码:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

    <script type="text/javascript">
    function changelinks(iframe){
      var as = iframe.contentDocument.getElementsByTagName('a');
      for(i=0;i<as.length;i++){
        as[i].setAttribute('href',"http://www.yahoo.com");
      }

    }

    </script>
    </head>

    <body>
    <iframe src="http://www.google.com" onload="changelinks(this)"></iframe>

我的目标是当点击 iframe 下的任何链接时,目标 url 将是 www.yahoo.com。

欢迎任何建议。 更新 我在不在我的服务器中的 iframe 中获取网站。

最佳答案

因为您使用的是 jquery。

function changelinks(iframe) {
    var frame = $( iframe ).get(0).contentDocument;

    $( 'a', frame ).click(function( event ) {
        event.preventDefault();
        location.href = 'http://yahoo.com';
    });
}

或者改变元素属性:

function changelinks(iframe) {
    var frame = $( iframe ).get(0).contentDocument;

    $( 'a', frame ).each(function() {
        $(this).attr('href', 'http://yahoo.com');
    });
}

关于javascript - IFrame 中用于更改 href 值的 HREF 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21960220/

相关文章:

javascript - 多个html5音频元素Jquery错误

JavaScript:如何从非阻塞回调中获取数据

javascript - 未捕获的范围错误 : Maximum call stack size exceeded

html - 具有许多子菜单的 CSS 未排序列表

javascript - 检测jQuery中的输入变化?

javascript - 全局变量未附加到 MeteorJS 包上的 `global` 对象

javascript - 使用 Jquery 解析 XML

javascript - 如何在 Google map 上搜索位置后添加事件 addListener 单击标记

Javascript 返回未定义

html - 嵌套 div 中的最后一个 child