首頁(yè) 猿問(wèn) Chrome...

Chrome 在鏈接到不存在的文件后未重新加載對(duì)象代碼

JavaScript

GCT1015 2022-09-16 21:33:16

我有以下索引.html。下面的javascript的目標(biāo)是重新加載元素的數(shù)據(jù)標(biāo)簽，以便它可以顯示多個(gè)圖像。但是，我鏈接按鈕的圖像之一可能不存在（在本例中為）。#obj#2function updateObject(evt) { var id = evt.currentTarget.id; var object = document.getElementById("obj"); if (id == "1") { object.setAttribute("data","https://upload.wikimedia.org/wikipedia/commons/f/fa/Apple_logo_black.svg") } else { object.setAttribute("data", "file/that/doesnt/exist") }}for (var i = 0; i < document.getElementsByTagName("button").length; i++) { document.getElementsByTagName("button")[i].addEventListener("click", updateObject, false);}<!DOCTYPE html><html> <head> <title>Home</title> <meta name='viewport' content='width=device-width, initial-scale=1.0'> </head> <body> <button id="1">button1</button> <button id="2">button2</button> <object id="obj" style='width: 100px'></object> </body></html>我期望在以下腳本中發(fā)生的事情是這樣的：用戶(hù)按下按鈕1，看到蘋(píng)果用戶(hù)按下按鈕2，什么也沒(méi)看到用戶(hù)按下按鈕1，看到蘋(píng)果但是，第三步?jīng)]有發(fā)生 - 當(dāng)我在鏈接到不存在的文件后嘗試重新加載對(duì)象的數(shù)據(jù)時(shí)，它保持空白。據(jù)我所知，這發(fā)生在Chrome中，對(duì)我來(lái)說(shuō)，這是在Safari中工作的。我必須使用對(duì)象標(biāo)簽或其他一些允許交互式SVG的方法。

查看完整描述

3 回答

ITMISS

TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以采取的一種解決方案是刪除并添加節(jié)點(diǎn)本身以強(qiáng)制進(jìn)行硬重置

var clone = object.cloneNode();

var parent = object.parentNode;

parent.removeChild(object);

parent.appendChild(clone);

function updateObject(evt) {

var id = evt.currentTarget.id;

var object = document.getElementById("obj");

if (id == "1") {

object.setAttribute("data", "https://upload.wikimedia.org/wikipedia/commons/f/fa/Apple_logo_black.svg")

var clone = object.cloneNode();

var parent = object.parentNode;

parent.removeChild(object);

parent.appendChild(clone);

} else {

object.setAttribute("data", "file/that/doesnt/exist")

}

for (var i = 0; i < document.getElementsByTagName("button").length; i++) {

document.getElementsByTagName("button")[i].addEventListener("click", updateObject, false);

}

<button id="1">button1</button>

<button id="2">button2</button>

反對(duì) 回復(fù) 2022-09-16

眼眸繁星

TA貢獻(xiàn)1873條經(jīng)驗(yàn) 獲得超9個(gè)贊

嘗試將標(biāo)記更改為 a 并設(shè)置“src”屬性。<img>

function updateObject(evt) {

var id = evt.currentTarget.id;

var object = document.getElementById("obj");

if (id == "1") {

object.setAttribute("src","https://upload.wikimedia.org/wikipedia/commons/f/fa/Apple_logo_black.svg")

}

else {

object.setAttribute("src", "file/that/doesnt/exist")

}

for (var i = 0; i < document.getElementsByTagName("button").length; i++) {

document.getElementsByTagName("button")[i].addEventListener("click", updateObject, false);

}

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<button id="1">button1</button>

<button id="2">button2</button>

</body>

</html>

反對(duì) 回復(fù) 2022-09-16

慕后森

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊

我提供了一個(gè)示例，通過(guò)向該URL發(fā)出虛假請(qǐng)求來(lái)幫助您解決問(wèn)題。

鉻這樣做是為了通知。即使您正確處理正確的錯(cuò)誤處理，并且每個(gè)技巧都帶有或被告知要防止錯(cuò)誤 - 您也無(wú)法修復(fù)它。它不受腳本控制。onerrortry-catchvoid( )

function updateObject(evt) {

var id = evt.currentTarget.id;

var object = document.getElementById("obj");

if (id == "1") {

object.setAttribute("data","https://upload.wikimedia.org/wikipedia/commons/f/fa/Apple_logo_black.svg");

}

else {

var request;

if(window.XMLHttpRequest)

request = new XMLHttpRequest();

else

request = new ActiveXObject("Microsoft.XMLHTTP");

request.open('GET', 'file/that/doesnt/exist', false);

request.send();

// the object request will be actually modified

if (request.status === 404) {

alert("The file you are trying to reach is not available.");

}

else

{

object.setAttribute("data", "file/that/doesnt/exist");

}

for (var i = 0; i < document.getElementsByTagName("button").length; i++) {

document.getElementsByTagName("button")[i].addEventListener("click", updateObject, false);

}

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<button id="1">button1</button>

<button id="2">button2</button>

</body>

</html>

但請(qǐng)注意，它僅適用于同一來(lái)源。對(duì)于另一臺(tái)主機(jī)，您將必須使用服務(wù)器端語(yǔ)言來(lái)執(zhí)行此操作，您必須自己弄清楚。

反對(duì) 回復(fù) 2022-09-16

3 回答
0 關(guān)注
96 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書(shū)簽

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

Chrome 在鏈接到不存在的文件后未重新加載對(duì)象代碼

Chrome 在鏈接到不存在的文件后未重新加載對(duì)象代碼

3 回答

添加回答