gpt4 book ai didi

javascript - 对于动态源,使用 document.createElement 避免对源的错误解释

转载 作者:行者123 更新时间:2023-12-03 11:49:59 27 4
gpt4 key购买 nike

我有一个脚本,希望我的网站访问者在加载网页时运行该脚本。它看起来像这样:

window.onload = function(){
var pxl=document.createElement('img');
pxl.setAttribute('src', 'http://localhost:8080/getTrackingPixel')
document.body.appendChild(pxl);
}

大多数情况下,源会返回图像并且工作正常。但是,有时它会返回:

 <html><body style="background-color:transparent"></body></html> 

我无法真正改变它有时可能不返回图像的事实。如何更改 javascript 以便它可以处理 html 响应而不出现任何错误?我也许可以预测它何时发生 - 但我还没有找到一个好的方法来请求源代码并返回 html。

最佳答案

您可以通过使用 javascript Image 对象来实现它,与 createElement 方法不同,该对象允许您在插入之前获取 src url DOM 中的 img。

如果加载的内容不是 img,则 Image 对象的 onload 事件不会触发。

这里是:

window.onload = function(){
var pxl = new Image();
pxl.onload = function(){
// is IMG
document.body.appendChild(pxl);
}
pxl.onerror = function(){
// is not IMG
// Meaning in your case : <html><body style="background-color:transparent"></body></html>
}
pxl.src = 'http://localhost:8080/getTrackingPixel';
}

(请注意,您的代码还缺少分号“;”第 4 行)

关于javascript - 对于动态源,使用 document.createElement 避免对源的错误解释,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25887029/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com