2 回答
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.
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>
添加回答
舉報
