html如何实现点击按钮电脑桌面生成快捷图标链接

html如何实现点击按钮电脑桌面生成快捷图标链接,第1张

尝试下面的代码:

<%@ page language="java" contentType="text/htmlcharset=utf-8"

pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<title>放到桌面,发送快捷方式到桌面</title>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/body.css">

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/mark.css">

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/console.css">

<script type="text/javascript" src="${pageContext.request.contextPath}/js/console.js"></script>

</head>

<body>

<center>

<h2>放到桌面,发送快捷方式到桌面(IE浏览器会显示放到桌面这个按钮,其他浏览器不会显示放到桌面这个按钮)</h2>

<input id="toDesktopButton" type="button" value="放到桌面" onclick="toDesktop(location.href, '软件名称')">

</center>

</body>

<script type="text/javascript">

//将快捷方式发送到桌面

function toDesktop(sUrl, sName) {

try {

var WshShell = new ActiveXObject("WScript.Shell")

var oUrlLink = WshShell.CreateShortcut(WshShell.SpecialFolders("Desktop")

+ "\\" + sName + ".url")

oUrlLink.TargetPath = sUrl

oUrlLink.Save()

alert("成功创建桌面快捷方式!")

} catch (e) {

alert("当前IE安全级别不允许 *** 作或您的浏览器不支持此功能!")

}

}

//判断是否是IE浏览器

function isIE() {

if (!!window.ActiveXObject || "ActiveXObject" in window) {

// alert("是IE浏览器")

return true

} else {

// alert("不是IE浏览器")

return false

}

}

//整个页面加载完之后执行函数

window.onload = function() {

var result = isIE()

if (!result) {

//不是IE浏览器

//获得按钮元素

var toDesktopButtonNode = document.getElementById("toDesktopButton")

//隐藏按钮

toDesktopButtonNode.style.display = "none"

}

}

</script>

</html>

HTML5是没有这个功能的,可以使用浏览器的内置发送到桌面图标功能,以下以UC为例:

1、进入UC浏览器首页后,点击所示的图标

2、会看到【书签/历史】点击它

3、进入书签后,随后长按几秒你想发送到手机桌面的书签网址

4、接着会d出后台打开、删除书签、编辑书签、加入导航、发送至桌面五个 *** 作按钮,点击【发送至桌面】出现添加桌面书签,点击【确定】

5、发送桌面成功,退出后就可以看到书签在手机桌面上。随时想看就看,很方便的哦


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7490491.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存