js創(chuàng)建 網(wǎng)頁-桌面快捷方式

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>js創(chuàng)建 網(wǎng)頁-桌面快捷方式</title>
        <style>
            #downdiv{
                position:fixed;
                top:30px;
                right:30px;
                z-index:9999999;
            }
            #downdiv input{
            display: block;
            width: 100%;
            }
            #down_btn {
            font-size:50px;
            color:lawngreen;
            }
        </style>
    </head>
    <body>

js創(chuàng)建 網(wǎng)頁-桌面快捷方式

        <script type="text/javascript">
            //   javascript:
            (function() {
               var content=`[{000214A0-0000-0000-C000-000000000046}] \n
Prop3=19,11  \n
[InternetShortcut]  \n
IDList= \n
URL=${location.href} \n
IconFile=${location.protocol}//${location.hostname}/favicon.ico \n
IconIndex=1 \n
`;
 
                
                var downdiv = document.createElement("div");
                downdiv.id="downdiv";
                downdiv.innerHTML=`
                <style>
                    #downdiv{
                        position:fixed;
                        top:30px;
                        right:30px;
                        z-index:9999999;
                    }
                    #downdiv input{
                    display: block;
                    width: 100%;
                    }
                    #down_btn {
                    font-size:50px;
                    color:lawngreen;
                    }
                </style>
                名稱:<input type="text" id="sitetitle" value="__${document.title}__url" />
                網(wǎng)址:<input type="text" id="siteurl" value="${location.href}" />
                `;
                
                var down_btn = document.createElement("button");
                down_btn.innerText = "下載 URL桌面快捷方式";
                down_btn.title = "注意查看,下載文件";
                down_btn.id = "down_btn";
                
                downdiv.appendChild(down_btn);
                document.body.appendChild(downdiv);
                
                var eledowndiv = document.querySelector("#downdiv");
                var eleButton = document.querySelector("#down_btn");
                var funDownload = function(content, filename) {
                    var eleLink = document.createElement("a");
                    eleLink.download = filename;
                    eleLink.style.display = "none";
                    var blob = new Blob([content]);
                    eleLink.href = URL.createObjectURL(blob);
                    document.body.appendChild(eleLink);
                    eleLink.click();
                    document.body.removeChild(eleLink)
                };
                if ("download" in document.createElement("a")) {
                    eleButton.addEventListener("click", function() {
                        var sitename =document.querySelector('#sitetitle').value||document.title;
                        document.body.removeChild(eledowndiv);
                        
                        funDownload(content,  sitename + ".url")
                    })
                } else {
                    eleButton.onclick = function() {
                        alert("瀏覽器不支持")
                    }
                }
            })();
        </script>
        
        <script type="text/javascript-------------書簽工具  添加書簽,地址欄 copy 如下代碼  --------------">
            javascript:(function(){var content=`[{000214A0-0000-0000-C000-000000000046}]\nProp3=19,11\n[InternetShortcut]\nIDList=\nURL=${location.href}\nIconFile=${location.protocol}//${location.hostname}/favicon.ico\nIconIndex=1\n`;var downdiv=document.createElement("div");downdiv.id="downdiv";downdiv.innerHTML=`<style>#downdiv{position:fixed;top:30px;right:30px;z-index:9999999}#downdiv input{display:block;width:100%}#down_btn{font-size:50px;color:lawngreen}</style>名稱:<input type="text"id="sitetitle"value="__${document.title}__url"/>網(wǎng)址:<input type="text"id="siteurl"value="${location.href}"/>`;var down_btn=document.createElement("button");down_btn.innerText="下載 URL桌面快捷方式";down_btn.title="注意查看,下載文件";down_btn.id="down_btn";downdiv.appendChild(down_btn);document.body.appendChild(downdiv);var eledowndiv=document.querySelector("#downdiv");var eleButton=document.querySelector("#down_btn");var funDownload=function(content,filename){var eleLink=document.createElement("a");eleLink.download=filename;eleLink.style.display="none";var blob=new Blob([content]);eleLink.href=URL.createObjectURL(blob);document.body.appendChild(eleLink);eleLink.click();document.body.removeChild(eleLink)};if("download"in document.createElement("a")){eleButton.addEventListener("click",function(){var sitename=document.querySelector('#sitetitle').value||document.title;document.body.removeChild(eledowndiv);funDownload(content,sitename+".url")})}else{eleButton.onclick=function(){alert("瀏覽器不支持")}}})();
        </script>
 
    </body>
</html>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末芳绩,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌送矩,老刑警劉巖付秕,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件折剃,死亡現(xiàn)場離奇詭異窘行,居然都是意外死亡僧须,警方通過查閱死者的電腦和手機肤舞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門紫新,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人李剖,你說我怎么就攤上這事芒率。” “怎么了篙顺?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵偶芍,是天一觀的道長。 經(jīng)常有香客問我德玫,道長匪蟀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任宰僧,我火速辦了婚禮萄窜,結果婚禮上,老公的妹妹穿的比我還像新娘撒桨。我一直安慰自己查刻,他們只是感情好,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布凤类。 她就那樣靜靜地躺著穗泵,像睡著了一般。 火紅的嫁衣襯著肌膚如雪谜疤。 梳的紋絲不亂的頭發(fā)上佃延,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天现诀,我揣著相機與錄音,去河邊找鬼履肃。 笑死仔沿,一個胖子當著我的面吹牛,可吹牛的內容都是我干的尺棋。 我是一名探鬼主播封锉,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼膘螟!你這毒婦竟也來了成福?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤荆残,失蹤者是張志新(化名)和其女友劉穎奴艾,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體内斯,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡蕴潦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了俘闯。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片品擎。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖备徐,靈堂內的尸體忽然破棺而出萄传,到底是詐尸還是另有隱情,我是刑警寧澤蜜猾,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布秀菱,位于F島的核電站,受9級特大地震影響蹭睡,放射性物質發(fā)生泄漏衍菱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一肩豁、第九天 我趴在偏房一處隱蔽的房頂上張望脊串。 院中可真熱鬧,春花似錦清钥、人聲如沸琼锋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽缕坎。三九已至,卻和暖如春篡悟,著一層夾襖步出監(jiān)牢的瞬間谜叹,已是汗流浹背匾寝。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留荷腊,地道東北人艳悔。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像女仰,于是被迫代替她去往敵國和親猜年。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345