首页 > 其他分享 >使用原生的js实现分享功能,代码非常精简

使用原生的js实现分享功能,代码非常精简

时间:2023-09-15 22:24:59浏览次数:47  
标签:原生 title share js 精简 navigator 分享

  分享一个原生的js实现移动端分享功能,希望大家喜欢。

兼容性:

 实现代码:

function share(){
if (!navigator.share) {
alert("您当前浏览器不支持分享!");
} else {
navigator.share({
   title: '{$title}',
   text: '{$introduce}',
   url: window.location.href
});
}
}

  执行:

<a onclick="share()">分享</a>

  这样就搞定了,效果还不错哦!

 

地址:企业安全生产管理规章制度_醉学网 (nongpin88.com)

标签:原生,title,share,js,精简,navigator,分享
From: https://www.cnblogs.com/68xi/p/17706018.html

相关文章

  • JSP
    一、JSP1.简介JSP(全称JavaServerPages)是由SunMicrosystems公司倡导和许多公司参与共同创建的一种使软件开发者可以响应客户端请求,而动态生成HTML、XML或其他格式文档的Web网页的技术标准。JSP技术是以Java语言作为脚本语言的,JSP网页为整个服务器端的Java库单元......
  • js 事件循环
    JavaScript是一门单线程语言,单线程意味同一时间只能做一件事,这样没有造成堵塞就是因为事件循环。在javascript中所有任务可以分为同步任务,异步任务。同步任务:立即执行的任务,一般按照执行顺序直接进入主线程执行异步任务: 异步执行的任务,比如setTimeout,ajax请求等。当执行......
  • web 前端 tips:js 继承 —— 组合继承
    上篇文章给大家分享了js继承中的组合继承web前端tips:js继承——组合继承今天给大家分享一下js继承中的原型式继承原型式继承JavaScript的原型式继承是一种基于对象的继承方式,通过复制一个对象的属性和方法来创建一个新对象,并将原对象作为新对象的原型。这种继承方式可以......
  • 原生HTML单页面使用vue框架
     <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=devi......
  • threejs 4纹理
     ......
  • threejs 5材质
     ......
  • 使用threejs创建一个长方体
    //创建设备正方体//x1X轴坐标y1Y轴坐标item设备的信息可以把item嵌入到正方体里面h:高度privateinitQuare1(x1:any,y1:any,item:any,h:any){vargeometry=newTHREE.BoxGeometry(0.5,1,0.5);//确定颜色根据设备的状态动态显示正方体......
  • [转]全国城市邮编json格式
    使用时引入importcityfrom'./city.json'即可得到的city即可使用全国城市邮编json格式[{ "label":"北京市", "value":"110000", "children":[{ "label":"市辖区", "value":"110100&quo......
  • Dynamics CRM - 使用 JS 对字段取值、赋值、实体属性设置等
    整理下平时CRM开发中用到的一些基本的js操作取值:varoResult=Xrm.Page.getAttribute(sFieldName).getValue();varoResult=Xrm.Page.getControl(sFieldName).getAttribute().getValue();赋值:一般类型:Xrm.Page.getAttribute(sFieldName).setValue(object);OptionSe......
  • How to fix Fetch TypeError in Node.js All In One
    HowtofixFetchTypeErrorinNode.jsAllInOneTypeError:terminatedatFetch.onAborted(node:internal/deps/undici/undici:11000:53)Errorundici//❌❌videourlhttps://edu.xgqfrms.xyz/dc9bb2-1733219a4a8.mp4TypeError:terminatedatFetch.onAbor......