如何在新窗口/选项卡中打开文本和 xml 文件

How do I have the text and xml files open in a new window/tab?

本文关键字：文本 文件 xml 选项 新窗口 窗口      更新时间：2023-09-26

这是代码。我对 JavaScript 相当陌生，我每天都在学习更多。此代码来自教科书中的示例。感谢您的回复。我想问的另一个问题是如何在无序列表中显示返回的文本？这是包含在 html 方面的东西，还是可以在 JavaScript 文件中完成？

window.addEventListener("load",initAll,false);
var xhr = false;
function initAll() {
	document.getElementById("makeTextRequest").addEventListener("click",getNewFile,false);
	document.getElementById("makeXMLRequest").addEventListener("click",getNewFile,false);
}
function getNewFile(evt) {
	makeRequest(this.href);
	evt.preventDefault();
}
function makeRequest(url) {
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	}
	else {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) {
			}
		}
	}
	if (xhr) {
		xhr.addEventListener("readystatechange",showContents,false);
		xhr.open("GET", url, true);
		xhr.send(null);
	}
	else {
		document.getElementById("updateArea").innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
	}
}
function showContents() {
	if (xhr.readyState == 4) {
		if (xhr.status == 200) {
			if (xhr.responseXML && xhr.responseXML.childNodes.length > 0) {
				var outMsg = getText(xhr.responseXML.getElementsByTagName("choices")[0]);
			}
			else {
				var outMsg = xhr.responseText;
			}
		}
		else {
			var outMsg = "There was a problem with the request " + xhr.status;
		}
		document.getElementById("updateArea").innerHTML = outMsg;
	}
	
	function getText(inVal) {
		if (inVal.textContent) {
			return inVal.textContent;
		}
		return inVal.text;
	}
}

从外观上看，您正在发出 AJAX 请求并正在接收 XML。

在这种情况下，我会：

  1. 使用 window.open() 打开一个新页面（返回一个新的 Window 对象）
  2. 然后将该新页面的document.body.innerHTML更改为您拥有的 XML

如果你有一个包含XML的网页（也许你请求的服务器有一个），你可以做：

window.open("page.xml");

相关文章：