欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

JavaScript實(shí)現(xiàn)網(wǎng)頁中指定區(qū)域的超鏈接轉(zhuǎn)換為URL

JavaScript實(shí)現(xiàn)網(wǎng)頁中指定區(qū)域的超鏈接轉(zhuǎn)換為URL?很多新手對此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)|企業(yè)網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣,積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn),為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù),案例作品覆蓋廣告設(shè)計(jì)等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品,結(jié)合品牌形象的塑造,量身開發(fā)品質(zhì)網(wǎng)站。

JavaScript實(shí)現(xiàn)網(wǎng)頁中指定區(qū)域的超鏈接轉(zhuǎn)換為URL

話不多說,我們直接來看下面的示例

代碼如下

DropHyperLink.css

.dropArea {
    margin-top:8px;    
    margin-bottom:8px;    
    width:320px;    
    height:64px;    
    background-color:#fff2a7;    
    border: 1px solid #ff6a00;
}
.longTextBox{
    width:80%;
}

DropHyperLink.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
  <link rel="stylesheet" href="DropHyperLink.css" />
  <script type="text/javascript">
    function load() {
          var droparea = document.getElementById('LinkDropArea');
      droparea.addEventListener('dragover', onDragOver, false);
      droparea.addEventListener('drop', onDrop, false);
    }    
    function onDragOver(event) {      //event.stopPropagation();
      event.preventDefault();
      event.dataTransfer.dropEffect = 'link';
    }    
    function onDrop(event) {
          var url = event.dataTransfer.getData("text");      
          var textBox = document.getElementById('OutputTextBox');
      textBox.value = url;
    }  
  </script>
</head>
<body onload="load();">
  <div id="LinkDropArea" class="dropArea">把超鏈接拖到這里</div>
  <input id="OutputTextBox" class="longTextBox" type="text"/>
</body>
</html>

說明:

可以在ID = LinkDropArea的div框中打開網(wǎng)頁瀏覽器的鏈接。要接受drop,要對框架的元素進(jìn)行dragode事件處理。在事件處理過程中,調(diào)用preventDefault()并阻止未接收默認(rèn)拖動(dòng)的操作。同時(shí)將其設(shè)置為dataTransfer.dropEffect。drop事件處理程序還調(diào)用dataTransfer.getData(“text”)方法來獲取元素的文本數(shù)據(jù)。在鏈接的情況下,在鏈接的情況下,存儲(chǔ)的元素的文本數(shù)據(jù)中存儲(chǔ)了鏈接的URL。獲取的URL的字符串將顯示在屏幕底部的文本框中。

運(yùn)行結(jié)果

JavaScript實(shí)現(xiàn)網(wǎng)頁中指定區(qū)域的超鏈接轉(zhuǎn)換為URL

然后準(zhǔn)備另一個(gè)Web瀏覽器窗口,拖動(dòng)Web瀏覽器上顯示的頁面中的超鏈接,并將其放在頁面上的拖放區(qū)域中。

JavaScript實(shí)現(xiàn)網(wǎng)頁中指定區(qū)域的超鏈接轉(zhuǎn)換為URL

比如拖動(dòng)“前端開發(fā)”,那么結(jié)果如下圖所示

JavaScript實(shí)現(xiàn)網(wǎng)頁中指定區(qū)域的超鏈接轉(zhuǎn)換為URL

看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。

分享標(biāo)題:JavaScript實(shí)現(xiàn)網(wǎng)頁中指定區(qū)域的超鏈接轉(zhuǎn)換為URL
本文路徑:http://aaarwkj.com/article38/jpdssp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、網(wǎng)站排名、搜索引擎優(yōu)化、響應(yīng)式網(wǎng)站、用戶體驗(yàn)、ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站
变态另类欧美国产在线| 日韩国产精品亚洲欧美在线| 成人午夜激情四射av| 国产精品一区二区三区久久| 99热这里只有精品免费播放| 91大神黑丝美女洗澡| 日本在线不卡一区二区| 一区二区高清中文字幕| 男女做爰高清无遮挡免费| 人妻少妇被猛烈进入久久精品| 国产三级黄色大片在线免费看| 日本在线一区二区中文| 亚洲精品一区国产精品av| 亚洲欧美中文日韩一区| 精品久久久噜噜噜久久| 动漫美女视频在线看黄| 91久久精品国产一区| 欧美日韩国产一区二区的| 91中文字幕在线一区| 亚洲欧美一区二区中文字幕| 日本在线观看成人大片| 久久久精品国产亚洲av色哟哟| 国产片中文字幕在线观看| 国产精品一区二区三区 在线| 大秀视频一区二区三区| 欧美日韩精品福利一区二区| 亚洲性图中文字幕在线| 久久香蕉国产线看观看av| 亚洲精品一区二区免费看| 久久av一区二区三区.| 熟女俱乐部五十路六十路| 男人的天堂av东京热一区| av丰满人妻一区二区| 欧美亚洲另类国产精品| 免费观看日本成人午夜大片| 国产三级伦理在线播放| 日本一区二区三区播放| 国产三级在线观看91| 18岁禁看网站在线看| 日韩一级不卡高清视频| 欧美亚洲国语精品一区二区|