（iframe）src ../ path

Question

所以，这是我的代码中的代码片段似乎无法正常工作。基本上，此代码段的目的是在iframe中加载文本文件并将其内容存储到变量中。 我之前使用过XMLHttpRequest但是我发现由于安全漏洞，XMLHttpRequest对本地文件不起作用。所以我决定尝试使用iframe。

  iproduct = document.createElement("iframe");
  iproduct.src = "../assets/products/50020002/info.txt";
  iproduct.id = 'productinfo';
  iproduct.onload = function () {
    productvalid = true;
    productinfo = document.getElementById('productinfo').contentWindow.document.body.innerHTML.replace(/(<([^>]+)>)/ig, "").split("\n");
    console.log(productinfo);
    document.head.removeChild(iproduct);
  };
  document.head.appendChild(iproduct);

现在我的目录层次结构是：

+---assets
|   \---products
|       +---50010001
|       \---50020002
|           \---info.txt
+---site
    +---blank.html
    +---product.html
    \---info.txt

因此，product.html是运行代码的地方，而blank.html（0KB）是用于测试的。 但是，当我将 iproduct.src =＆＃34; ../ assets / products / 50020002 / info.txt＆＃34; 替换为 iproduct.src =＆＃34; info时。 txt＆＃34; ，该代码段正常运行。

为什么原始资源存在？它是否与XMLHttpRequest（安全漏洞）相同？