如何将.json文件设置为在window.open（javascript）中使用的变量？

Question

我已经使用html和javascript创建了一个网站。 我在这两个方面都有经验，但是正在努力使按钮打开一个网站，其网址来自json文件。 所以我想使一个json文件成为变量，然后将其与window.open（JSON-url，“ _ blank”）一起使用。 然后，我想创建一个名为JSON-url的变量，它必须与.json文件链接。

---

我搜索了许多示例，但似乎无法获得正确的措辞。 我尝试过w3schools，Stack Overflow，Quora等。 我主要尝试了其他搜索，例如“如何使JSON成为在window.open javascript中使用的变量”，但是那也不起作用。

{
  "JSON-url": "https://www.google.com"
}

---

我敢打赌，有很多人知道这个答案，所以请提出您的想法！

Answer 1

使用window.open()的URL变量时，JSON文件没有什么特别的。 与其他任何URL一样。

使用FileReader API读取文件，然后使用内容作为URL打开。

 function openFile(files) { if (files.length == 0) { return; } const reader = new FileReader(); reader.onload = function() { var url = reader.result.trim(); // Contents of the file console.log("Opening " + url); window.open(url, "_blank"); } reader.readAsText(files[0]); } 

 Select file: <input type="file" id="txt" accept="text/plain" onchange="openFile(this.files)"> 

这在上面的代码段中无效，因为堆栈代码段已被沙盒化，并且不允许window.open() 。