微信是大家最受欢迎的手聊天软件,于是有生意头脑的朋友们便开始琢磨利用微信赚钱的方法,有很多网友让我帮忙做微信推文的页面,于是复制微信和跳转微信便成为页面不可或缺的功能之一。小糊涂成品网站在这里教大家

主要html代码如下

<span id="article">wantemplates</span>
<div class="left">
    打开微信
</div>
<div class="right">
    复制微信
</div>

用jquery库时一定得记得引用jquery文件,不然浏览器不识别用jquery编写的代码,主要js代码如下

<script>
function copy(id,text){
        const range = document.createRange();
        range.selectNode(document.getElementById(id));

        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range); 
        document.execCommand('copy');alert(text); 
        location.href='weixin://'
}  //id 是要复制的 元素id   text 是要显示的名字

	$(function () {
	
	$('.left,.right').click(function () {  //点击位置的 class
		copy('article','复制成功,打开微信添加好友'); //拷贝文本的id 显示的文字
	}) 
}) 
</script>

实现的效果图如下

沈阳网站制作,网站模版,网站代码修改,教育网站源码,机械设备网站源码,整站模板带数据下载