Javascript 从文本文件读取iframe的src
我试图在本地读取一个文本文件,它有一个例如www.google.com的url,并将这个字符串作为src传递给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
//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设置,请确保执行以下操作之一:
的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中给出它一样(没有从文本文件中读取),它可以工作