設為首頁 | 加為收藏 | 聯(lián)系我們 咨詢熱線：0632-5272123

快速導航

電話：0632-5272123
傳真：0632-5271123
地址：棗莊市文化西路23號
E-mail：zzint@zzint.com

技術咨詢：
業(yè)務咨詢：
客戶服務：
服務監(jiān)督：

詳細資料 您當前的位置：網(wǎng)站首頁新聞動態(tài)詳細資料

Javascript改變圖像源不工作

我正在做一個簡單的網(wǎng)站，改變點擊按鈕時顯示的圖像。但我的代碼似乎沒有工作，當我點擊按鈕“點擊！alt文本被顯示，而不是圖像更改。圖像的來源是完全正常的，當我使用相同的源腳本以外的圖像顯示。

<head>
    <title>Pic Change</title>
    <meta charset="utf-8">
    <meta name="Pic Change">
    <meta name="keywords" content="face,PES">
    <meta name="author" content="Thalle">

    <meta name="viewport" content="width=device-width,initial-scale=1.0"></head><body class="body" style="background-color:#4682B4">
    <script>
    function display(whichimage){
        if(whichimage == 0){    
            document.getElementById('Click').src="C:\Users\Rajesh Talesara\Desktop\My Disc\Memes\Animals\initial.jpeg"
        }
        else{
            document.getElementById('Click').src="C:\Users\Rajesh Talesara\Desktop\My Disc\Memes\Animals\Whenlife.jpeg"
        }

    }
    </script>

    <image id="Click" src="C:\Users\Rajesh Talesara\Desktop\My Disc\Memes\Animals\initial.jpg" alt="Click Button to click picture" style="width:300px;height:300px" >

    <p>
    <button type="button" onclick="display(1)">Click!</button>
    <button type="button" onclick="display(0)">Reset</button>
    </p></body></html>

向下票

您不應從磁盤加載圖像。我們和其他人看不到。如果您使用相對路徑，并確保每個圖像和HTML文件都在同一目錄中，那應該沒問題。即使你做，你必須指定file://協(xié)議。但是如果你使用外部圖像從網(wǎng)站，我們可以看到他們。

沒有<image>在HTML元素。這只是<img>。

你應該輸入\\代替\，因為\字符有特殊的意義。然而，JavaScript是聰明的，你可以使用/也不必遵循Windows的方法。

請不要使用該onclick屬性。它真的老了。而應使用事件偵聽器。

現(xiàn)在我不知道你的代碼中的問題是什么，但是，有一個工作示例：

<!DOCTYPE html><html>
    <title>Pic Change</title>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            document.querySelector("button").addEventListener("click", function() {
                document.querySelector("img").setAttribute("src", "file://C:/Data/300x300-colored.png");
            });
        });
    </script>
    <p><img src="file://C:/Data/300x300.png" /></p>
    <p><button type="button">Click!</button></p></html>

如果這兩個圖像和index.html在C:\Data目錄中，它工作正常。

上篇文章：在圖像html5中定義對象

下篇文章：Snapchat

汝州市| 龙陵县| 天祝| 宽城| 荔波县| 黄梅县| 五大连池市| 连平县| 泌阳县| 同仁县| 于田县| 上虞市| 津南区| 宜君县| 隆回县| 霍林郭勒市| 长乐市| 嵊州市| 利津县| 龙州县| 托里县| 金堂县| 鸡东县| 大竹县| 类乌齐县| 潞城市| 聂荣县| 梨树县| 尼木县| 界首市| 贵德县| 浦县| 龙泉市| 广丰县| 宁蒗| 商丘市| 昆明市| 砀山县| 汾阳市| 清丰县| 南投市|

欧美精品久久天天躁|欧美精品久久亚洲不卡|久久久久久国产精品美女|国内精品久久久久影院老司|中文字幕av免费专区久久|亚洲av三上悠亚网页在线|国产成人午夜精品影院游乐网|中文字幕日韩精品无码一区二区

快速導航

Javascript改變圖像源不工作