Saya sedang mencuba iframe 标记内显示 PDF 预览时遇到问题。我有一个页面包含一些 iframes 以在页面中显示 PDF 文件，问题是有时源 URL 中不存在 PDF，因此 iframe 显示 XML 错误，指出 BlobNotFound。如果在 iframe 的源代码中返回该错误，我想隐藏 iframe.
Saya mencuba skrip JavaScript berikut:
<script>
const myIframe = document.getElementById('myFrame1');
fetch('example.xml')
.then(response => {
if (!response.ok) {
throw new Error('XML file not found');
}
return response.text();
})
.then(xmlString => {
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");
// check for errors in the XML content
const error = xmlDoc.getElementsByTagName("parsererror");
if (error.length > 0) {
myIframe.style.display = 'none'; // hide the iframe if there is an error
}
})
.catch(error => {
console.error(error);
myIframe.style.display = 'none'; // hide the iframe if there is an error
});
</script>
Kod ini berfungsi, tetapi hanya jika anda menyatakannya melalui ID iframe 标记，并且我想重写此代码以一次检查所有 iframe.
Saya juga mencuba kod berikut:
<script>
const iframes = document.getElementsByTagName('iframe');
for (let i = 0; i < iframes.length; i++) {
const iframe = iframes[i];
fetch(iframe.src)
.then(response => {
if (!response.ok) {
throw new Error('XML file not found');
}
return response.text();
})
.then(xmlString => {
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");
// check for errors in the XML content
const error = xmlDoc.getElementsByTagName("parsererror");
if (error.length > 0) {
iframe.style.display = 'none'; // hide the iframe if there is an error
}
})
.catch(error => {
console.error(error);
iframe.style.display = 'none'; // hide the iframe if there is an error
});
}
</script>
Kod ini sepatutnya berfungsi, tetapi entah bagaimana ia menyembunyikan semua iframes walaupun ia tidak mempunyai ralat.
P.S. Ini adalah ralat XML untuk mana-mana iframe yang tidak dapat memaparkan PDF.
<?xml version="1.0" encoding="utf-8"?>
<Error>
<Code>BlobNotFound</Code>
<Message>
The specified blob does not exist.
RequestId:xxxxxxxx
Time:timestamp
</Message>
</Error> 
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh mencuba ini!
<!DOCTYPE html> <html> <head> <title>Hide Iframes with XML Error</title> </head> <body> <iframe src="path/to/pdf1.pdf"></iframe> <iframe src="path/to/pdf2.pdf"></iframe> <iframe src="path/to/nonexistent.pdf"></iframe> <iframe src="path/to/pdf3.pdf"></iframe> <script> var iframes = document.getElementsByTagName('iframe'); for (var i = 0; i < iframes.length; i++) { var iframe = iframes[i]; iframe.contentWindow.addEventListener('error', function(event) { if (event.message === 'BlobNotFound') { // Hide all iframes if any one of them has an XML error for (var j = 0; j < iframes.length; j++) { iframes[j].style.display = 'none'; } } }); } </script> </body> </html>Sila beritahu saya jika ia berkesan.