第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

JS想實現(xiàn)點擊切換圖片，Chrome會報錯。

JS想實現(xiàn)點擊切換圖片，Chrome會報錯。

富國滬深 2019-03-21 22:19:04
想實現(xiàn)點擊切換圖片的效果，但是會報錯希望有朋友能幫忙看一下，謝謝。/** * * @description 將圖片替換為被點擊的樣式 * @param {*} clickedImgElement 點擊的圖片元素 */function setImg(clickedImgElement) {    console.log('clicked image source:' + clickedImgElement.src);    if (clickedImgElement.className === 'nav-img') {        console.log('nav-img class is cliked');        clickedImgElement.src = SWITCH_URL;    }}本來想通過更改img.src屬性來實現(xiàn)圖片的切換，但是Chrome會報下面的錯。我該怎么修改？異步設(shè)置？
查看完整描述

5 回答

?
神不在的星期二

TA貢獻1963條經(jīng)驗 獲得超6個贊

從你的截圖來看，新圖來自 windows 本地路徑（如 file:///d:\b.png）。
出于安全考慮，瀏覽器會禁止非 file:// 來源的網(wǎng)頁訪問，要不然，你瀏覽的任何網(wǎng)頁都可以隨意訪問你的本地磁盤文件。

也就是說，當你用 file://xxx.html 打開網(wǎng)頁時，可以訪問同類的 file://... 或 http://...（含 https，下同）的資源。
若用 http://... 打開網(wǎng)頁時，則不能訪問 file://... 的資源。

以下是測試例子

<html>

    <head>

        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

        <script>

            $(function() {

                $("img").click(function(e) {

                    // 改成本地路徑可能無法顯示

                    this.src = "d:\b.png";


                    // 改成遠端路徑可以

                    // this.src = "https://www.baidu.com/img/bd_logo1.png";

                });

            });

        </script>

    </head>

    <body>

        <img src="a.png" />

    </body>

</html>


查看完整回答
反對 回復(fù) 2019-04-08
?
慕姐8265434

TA貢獻1813條經(jīng)驗 獲得超2個贊

圖片路徑問題吧


查看完整回答
反對 回復(fù) 2019-04-08
?
江戶川亂折騰

TA貢獻1851條經(jīng)驗 獲得超5個贊

使用http://代替file://


查看完整回答
反對 回復(fù) 2019-04-08
?
莫回無

TA貢獻1865條經(jīng)驗 獲得超7個贊

贊同樓上回答，js權(quán)限問題，http訪問的就無法調(diào)用file協(xié)議訪問


查看完整回答
反對 回復(fù) 2019-04-08
?
繁華開滿天機

TA貢獻1816條經(jīng)驗 獲得超4個贊

兄弟 你想切換圖片 可以把圖片放在容器中， 然后通過對盒子none/block來實現(xiàn)切換


查看完整回答
反對 回復(fù) 2019-04-08
  • 5 回答
  • 0 關(guān)注
  • 473 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號