首页frame载入json文件内容

frame载入json文件内容

时间: 2023-06-29 13:20:17 浏览: 41

如果您想在 `<frame>` 中加载 JSON 文件的内容，可以使用 JavaScript 的 `XMLHttpRequest` 对象来请求 JSON 文件并在 `<frame>` 中显示其内容。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>Load JSON in Frame</title> </head> <body> <frame src="about:blank" id="myFrame"></frame> <script> var xhr = new XMLHttpRequest(); xhr.open('GET', 'your_json_file.json', true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var json = JSON.parse(xhr.responseText); var frame = document.getElementById('myFrame'); var frameDoc = frame.contentDocument || frame.contentWindow.document; frameDoc.write('<pre>' + JSON.stringify(json, null, 2) + '</pre>'); } }; xhr.send(); </script> </body> </html> ``` 在此示例中，我们使用 `XMLHttpRequest` 对象发送 GET 请求以获取 JSON 文件的内容。当请求完成时，我们将 JSON 对象转换为字符串并将其写入 `<frame>` 中的文档。请注意，由于浏览器的安全限制，您只能加载与当前页面同源的 JSON 文件，否则会出现跨域错误。