久久青草精品38囯产,在线视频国产网址你懂的,国产尤物网站尤物在线看,老王亚洲精品熟女

      • 設(shè)為首頁 | 加為收藏 | 聯(lián)系我們 咨詢熱線:0632-5272123
        電 話:0632-5272123
        傳 真:0632-5271123
        地 址: 棗莊市文化西路23號(hào)
        E-mail:zzint@zzint.com
        • 技術(shù)咨詢:
        • 業(yè)務(wù)咨詢:
        • 客戶服務(wù):
        • 服務(wù)監(jiān)督:
        詳細(xì)資料 您當(dāng)前的位置:網(wǎng)站首頁新聞動(dòng)態(tài)詳細(xì)資料

        Javascript改變圖像源不工作

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

        <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>


        向下票

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

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

        你應(yīng)該輸入\\代替\,因?yàn)?/span>\字符有特殊的意義。然而,JavaScript是聰明的,你可以使用/也不必遵循Windows的方法。

        請(qǐng)不要使用該onclick屬性。它真的老了。而應(yīng)使用事件偵聽器。

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

        <!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>

        如果這兩個(gè)圖像和index.htmlC:\Data目錄中,它工作正常。




        上篇文章:在圖像html5中定義對(duì)象
        下篇文章:Snapchat
        版權(quán)所有 棗莊市英特信息網(wǎng)絡(luò)有限公司 ◎2017
        聯(lián)系電話:0632-5271123 5272123  總部地址:棗莊市市中區(qū)文化西路23號(hào)
        魯ICP備09021689號(hào) 增值電信業(yè)務(wù)經(jīng)營(yíng)許可證編號(hào):魯 B2-20080087號(hào)