亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何修復嘗試鏈接到javascript上的圖像時找不到的錯誤文件

如何修復嘗試鏈接到javascript上的圖像時找不到的錯誤文件

滄海一幻覺 2022-08-18 15:33:13
所以我正在嘗試更改圖像的src屬性,這是代碼<img id="bulbOn" src = "C:\Users\tt\Desktop\WebDevWebpage\images\pic_bulbon.gif"><button id="buttonBulbOff"> OFF </button><script>    $(document).ready( function() {        $("#buttonBulbOff").click( function () {            $("#bulbOn").attr("src", "C:\Users\tt\Desktop\WebDevWebpage\images\pic_bulboff.gif");        });    });</script>然后,當我單擊按鈕更改圖像時,控制臺顯示“找不到錯誤文件”,當我使用絕對路徑鏈接時。
查看完整描述

2 回答

?
www說

TA貢獻1775條經驗 獲得超8個贊

反斜杠(\)是Javascript中的轉義字符(以及許多其他類似C的語言)。這意味著當Javascript遇到反斜杠時,它會嘗試轉義以下字符。例如,是換行符(而不是后跟字母 n 的反斜杠)。\n


這是我在控制臺中得到的,當我試圖控制臺你的絕對路徑


控制臺結果:C:Users tDesktopWebDevWebpageimagespic_bulboff.gif


這是因為在絕對路徑上向后。


這是我的嘗試:


<img id="bulbOn" src = "C:\Users\tt\Desktop\WebDevWebpage\images\pic_bulbon.gif">


<button id="buttonBulbOff"> OFF </button>


<script>

    $(document).ready( function() {

        $("#buttonBulbOff").click( function () {

            $("#bulbOn").attr("src", "C:\\Users\\tt\\Desktop\\WebDevWebpage\\images\\pic_bulboff.gif");

        });

    });

</script>


and to solve this issue you may for each backslash you want to output, you need to give Javascript two.



查看完整回答
反對 回復 2022-08-18
?
Helenr

TA貢獻1780條經驗 獲得超4個贊

正如@Vikas Keskar所提到的,您需要使用相對路徑。將 gif 文件保留在與 html 文件相同的目錄中。


<script>

    $(document).ready( function() {

        $("#buttonBulbOff").click( function () {

            $("#bulbOn").attr("src", "pic_bulboff.gif");

        });

    });

</script>

注意:請記住在html文件中鏈接Jquery,否則此腳本將不起作用。


如果你想用vanilla JavaScript做到這一點,這里是代碼:


<script>

    function bulb_off() {

        document.getElementById("bulbOn").src = "pic_bulboff.gif";

    }

</script>

如果您要改用vanilla JavaScript,請確保添加到您的按鈕標簽中。因此,您的按鈕標記應如下所示:onclick="bulb_off()"


<button id="buttonBulbOff" onclick="bulb_off"> OFF </button>


查看完整回答
反對 回復 2022-08-18
  • 2 回答
  • 0 關注
  • 91 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號