Question

您好我需要Firefox插件的帮助。使用Javascript我想将指向网站的链接更改为iframe例如：

<a href="www.example.com">Website-Sample</a>

我想改为：

<Iframe src="www.example.com"></iframe>

网站上任何指向example.com的链接都应该是iframe。

有人可以帮忙吗？谢谢附：抱歉我的英文不好

编辑：

现在我已经制作了一个精简版，现在我可以更改iframe的链接。但它只改变了网站上的第一个链接。什么不对？

var document = document.contentDocument;
var doc_bodies = document.getElementsByTagName('a');
for(var i = 0; i < doc_bodies.length; i++) 
{ 
if(doc_bodies[i].href.match('example')) {
var doc_body = doc_bodies[i];
var first_element = doc_body.firstChild;

var url_div = document.createElement("iframe");

url_div.scrolling = "no";
url_div.marginWidth = 0;
url_div.marginHeight = 0;
url_div.frameBorder = 1;
url_div.style.cssText = "width:400px;height:200px;border-radius:5px;left:0px;";
url_div.id = 'added-by-firefox-extension';
url_div.src = doc_bodies[i].href;


doc_bodies[i].parentNode.replaceChild(url_div, doc_bodies[i]);

}

}

Answer 1

我想我已经解决了这个问题：

     var document = document.contentDocument;
var doc_bodies = document.getElementsByTagName('a');

var link_count = doc_bodies.length;
var i = 0;
do{


    if(doc_bodies[i].href.match('example')) {
        var doc_body = doc_bodies[i];
        var url_div = document.createElement("iframe");
        url_div.scrolling = "no";
        url_div.marginWidth = 0;
        url_div.marginHeight = 0;
        url_div.frameBorder = 1;
        url_div.style.cssText = "width:400px;height:200px;border-radius:5px;left:0px;-moz-box-shadow: 10px 19px 20px #7b8674; /* firefox */ box-shadow: 10px 19px 20px #7b8674;margin-bottom:10px";
        url_div.id = 'added-by-firefox-extension';
        url_div.src = doc_bodies[i].href;
        doc_bodies[i].parentNode.replaceChild(url_div, doc_bodies[i]);

        }
        else
        {
            i++;
        }


    }while( i < doc_bodies.length);

现在我必须将它包含在Firefox Addon中。如果有人可以提供帮助，那就太好了。感谢

Firefox插件JavaScript更改指向Iframe的链接

1 个答案: