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

              設(shè)為首頁 | 加為收藏 | 聯(lián)系我們 咨詢熱線:0632-5272123
              電 話:0632-5272123
              傳 真:0632-5271123
              地 址: 棗莊市文化西路23號
              E-mail:zzint@zzint.com
              • 技術(shù)咨詢:
              • 業(yè)務(wù)咨詢:
              • 客戶服務(wù):
              • 服務(wù)監(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.htmlC:\Data目錄中,它工作正常。




              上篇文章:在圖像html5中定義對象
              下篇文章:Snapchat
              版權(quán)所有 棗莊市英特信息網(wǎng)絡(luò)有限公司 ◎2017
              聯(lián)系電話:0632-5271123 5272123  總部地址:棗莊市市中區(qū)文化西路23號
              魯ICP備09021689號 增值電信業(yè)務(wù)經(jīng)營許可證編號:魯 B2-20080087號
              邵阳县| 涞源县| 德惠市| 正宁县| 银川市| 米易县| 盘山县| 平南县| 锡林郭勒盟| 瑞安市| 黄浦区| 定州市| 乐至县| 交城县| 辽阳市| 安丘市| 横峰县| 涡阳县| 龙南县| 子长县| 肥乡县| 嘉祥县| 广安市| 六枝特区| 泉州市| 公主岭市| 米脂县| 平阳县| 花莲市| 南宫市| 密云县| 剑川县| 乌审旗| 托克托县| 泽普县| 徐水县| 巴南区| 水富县| 赤水市| 闸北区| 德化县|