二维码对于推广和分享页面被广泛使用,尤其在移动端使用更加频繁。今天为大家介绍一种利用Js在web界面快速生成二维码的方法,使用非常简便。 代码如下:
<div style=" text-align:center;">
<script type="text/javascript">
var _qrContent = 'https://www.monst.cc', /**二维码url地址**/
_qrLogo = 'https://monst.cc/tx.jpg', /**二维码中间logo,必须是网络地址**/
_qrWidth = 180, /**二维码宽度**/
_qrHeight = 180, /**二维码高度**/
_qrType = 'url';
if (!_qrContent) var _qrContent = escape(document.location.href);
document.write(unescape("%3Cscript src='http://qrcode.leipi.org/js.html?qw=" + _qrWidth + "&qh=" + _qrHeight + "&qt=" + _qrType + "&qc=" + escape(_qrContent) + "&ql=" + escape(_qrLogo) + "' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
1.把上面这段代码插入到你的页面中,放置在需要生成二维码的位置当中。
2.设置js中二维码的地址、宽度、高度以及logo图片等属性。
3.设置div的样式,将二维码显示到合适的位置。
我这里调用了帝国cms的标签,生成了当前内容页url的二维码,扫描后就可以分享本页面了,是不是觉得很简单?!
(function(){ var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https')
{
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js'; }
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s); })();
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1260547118'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1260547118%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));