• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    js實現點擊圖片后獲得下載地址

    新建一個html文件,定名為test.html,用于講解js點擊圖片后獲得下載地址。

  • 2

    在test.html頁面,利用p標簽建立一個下載地址的文本內容,并利用css設置其在頁面埋沒。

  • 3

    在test.html頁面,利用img標簽建立一張圖片,并給圖片綁心猿意馬onclick點擊事務,當圖片被點擊時,執行will()函數。

  • 4

    在will()函數內,利用event對象判定當前點擊的html標簽是否為img,便是否是圖片標簽,若是是圖片標簽,則執行if內的代碼。

  • 5

    在will()函數內,利用document.getElementById()方式經由過程id獲得p標簽對象,并經由過程style的display屬性設置圖片下載地址顯示出來。

  • 6

    在will()函數內,利用document.getElementById()方式經由過程id獲得img對象,并經由過程style的display屬性設置被點擊的圖片埋沒。

  • 7

    在瀏覽器打開test.html頁面,點擊圖片,看是否能獲得圖片的下載地址。

    • 發表于 2019-08-16 22:25
    • 閱讀 ( 656 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆