<delect id="wu1ok"><noframes id="wu1ok"><delect id="wu1ok"></delect><i id="wu1ok"><nobr id="wu1ok"><acronym id="wu1ok"></acronym></nobr></i>
<button id="wu1ok"><xmp id="wu1ok"><strike id="wu1ok"></strike>

<button id="wu1ok"></button>

<delect id="wu1ok"></delect><strike id="wu1ok"><dfn id="wu1ok"><strike id="wu1ok"></strike></dfn></strike>
<delect id="wu1ok"><nobr id="wu1ok"><i id="wu1ok"></i></nobr></delect>

<button id="wu1ok"></button>

<delect id="wu1ok"></delect>

<i id="wu1ok"><nobr id="wu1ok"></nobr></i><strike id="wu1ok"><dfn id="wu1ok"><strike id="wu1ok"></strike></dfn></strike><strike id="wu1ok"></strike>

<button id="wu1ok"><xmp id="wu1ok">

<strike id="wu1ok"><dfn id="wu1ok"></dfn></strike>

<i id="wu1ok"></i>
<button id="wu1ok"><xmp id="wu1ok">
<delect id="wu1ok"></delect>

設為首頁 | 加為收藏 | 聯系我們 咨詢熱線:0632-5272123
電 話:0632-5272123
傳 真:0632-5271123
地 址: 棗莊市文化西路23號
E-mail:zzint@zzint.com
  • 技術咨詢:
  • 業務咨詢:
  • 客戶服務:
  • 服務監督:
詳細資料 您當前的位置:網站首頁新聞動態詳細資料

Javascript改變圖像源不工作

我正在做一個簡單的網站,改變點擊按鈕時顯示的圖像。但我的代碼似乎沒有工作,當我點擊按鈕“點擊!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://協議。但是如果你使用外部圖像從網站,我們可以看到他們。

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

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

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

現在我不知道你的代碼中的問題是什么,但是,有一個工作示例:

<!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.htmlC:\Data目錄中,它工作正常。




上篇文章:在圖像html5中定義對象
下篇文章:Snapchat
版權所有 棗莊市英特信息網絡有限公司 ◎2017
聯系電話:0632-5271123 5272123  總部地址:棗莊市市中區文化西路23號
魯ICP備09021689號 增值電信業務經營許可證編號:魯 B2-20080087號
91亚洲国产AⅤ精品一区二区_欧美一区二区三区狠狠色_无码人妻系列不卡免费视频_国产美女啪啪

<delect id="wu1ok"><noframes id="wu1ok"><delect id="wu1ok"></delect><i id="wu1ok"><nobr id="wu1ok"><acronym id="wu1ok"></acronym></nobr></i>
<button id="wu1ok"><xmp id="wu1ok"><strike id="wu1ok"></strike>

<button id="wu1ok"></button>

<delect id="wu1ok"></delect><strike id="wu1ok"><dfn id="wu1ok"><strike id="wu1ok"></strike></dfn></strike>
<delect id="wu1ok"><nobr id="wu1ok"><i id="wu1ok"></i></nobr></delect>

<button id="wu1ok"></button>

<delect id="wu1ok"></delect>

<i id="wu1ok"><nobr id="wu1ok"></nobr></i><strike id="wu1ok"><dfn id="wu1ok"><strike id="wu1ok"></strike></dfn></strike><strike id="wu1ok"></strike>

<button id="wu1ok"><xmp id="wu1ok">

<strike id="wu1ok"><dfn id="wu1ok"></dfn></strike>

<i id="wu1ok"></i>
<button id="wu1ok"><xmp id="wu1ok">
<delect id="wu1ok"></delect>