Javascript 从文本文件读取iframe的src

Javascript 从文本文件读取iframe的src,javascript,jquery,html,Javascript,Jquery,Html,我试图在本地读取一个文本文件,它有一个例如www.google.com的url,并将这个字符串作为src传递给iframe。但问题是src附加了以下内容: //localhost/myfolder/%25/www/google.com 其中localhost/myfolder是我使用iframe的文件的路径 如果有人能帮我,请提前谢谢 function read() { var txtFile = new XMLHttpRequest(); txtFile.open("GE

我试图在本地读取一个文本文件,它有一个例如www.google.com的url,并将这个字符串作为src传递给iframe。但问题是src附加了以下内容:

//localhost/myfolder/%25/www/google.com
其中
localhost/myfolder
是我使用iframe的文件的路径

如果有人能帮我,请提前谢谢

function read() 
   {
   var txtFile = new XMLHttpRequest();
   txtFile.open("GET", "http://localhost/myfolder/Text.txt",true);
   txtFile.onreadystatechange = function () 
   {
   if (txtFile.readyState === 4)
{  
   // Makes sure the document is ready to parse.
   if (txtFile.status === 200)
{  
   var alltext=txtFile.responseText;
   var linetext=txtFile.responseText.split("\n");
var delimeter = '^';
var text0= linetext[0];
var splitted = text0.split(delimeter);
$('#iframe1').attr('src', splitted[1]);
   }
   }
   }
   txtFile.send(null)

   }

我正在使用此代码读取文件。

可能您在url地址中出错,因为%25是未使用的HTML字符代码,用于获取详细信息。


<iframe src="http://www.google.com/" />
如果希望显示当前页面外部的链接,还需要指定协议(
http://
https://

试试看,让我知道进展如何!;)

编辑
请参阅下面我的评论-我测试了所有内容并将结果粘贴到

编辑2(回答下面@Hitesh的评论):
我建议在方程中插入fancybox之前,先进行设置。
当您完成该工作时,fancybox设置应该是相同的,因为
fancybox()
以友好方式创建
并将其插入DOM中。
如果您有基本的iframe设置,请确保执行以下操作之一:

  • 打开fancybox并让它创建iframe。然后用您的内容替换iframe的SRC
  • 在此问题中,请替换
    的HREF

  • 只需在它前面加上http://
    。它认为www是一种本地资源。@archer我也尝试过。仍然不起作用。即使我给出了一个,它也附加了相同的东西。所以你有一些代码,你想做X,但实际上做Y。当我们看不到它时,很难说出为什么它不做X!你在哪里测试它。在实时服务器或本地服务器上?拆分的[1]的值是多少?使用调试器,或
    console.log
    alert
    查找。我也尝试过。但它仍然不适用于我。请查看我发布的代码。这里还有用于JS+iFrame的代码。这意味着您不能使用JS将iframe的SRC更改为您所在的另一个域(例如localhost)-(您得到的
    加载被X-Frame-Options拒绝:https://www.google.ro/ 不允许交叉原点框架(代码>)检查-我将所有测试代码和结果以及所有内容粘贴在一个Gist链接中,它似乎适用于您的用例。但在我的示例中,我希望iframe位于fancybox中,并希望将链接传递到内部that@Hitesh我在回答中回答了你,只是为了让它更清楚。希望它能帮助你解决这个问题。不,url地址是完美的。就像我直接在iframe.src中给出它一样(没有从文本文件中读取),它可以工作