HTML超链接可以用a标签来设置。
1、新建html文档,在body标签中添加a标签,为a标签添加“href”属性:
2、设置“href”属性的属性值为“page.html”,这时点击a标签会跳转到“page.html”页面:
3、为a标签设置“target”属性,属性值为“_blank”,这样“page.html”会在新标签打开,设置为“_self”则会在自身页面打开:
设置或获取整个 URL 为字符串具体代码为: window.location.href
例1、生成二维码为图片格式(优点:便于分享到微信、QQ或其他网页)
<script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<div id="divOne"></div>
<img id='imgOne' style='border:1px solid red'/>
<script>
//默认使用Canvas生成,并显示到图片
var qrcode= $('#divOne').qrcode({
text: window.location.href,//二维码代表的字符串(本页面的URL)
width: 150,//二维码宽度
height: 150//二维码高度
}).hide()
var canvas=qrcode.find('canvas').get(0)
$('#imgOne').attr('src',canvas.toDataURL('image/jpg'))
</script>
例2、生成二维码为非图片格式 (优点:便于生成速度快,不占用空间)
<script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script> <div id="qrcodeCanvas"></div>
<script>
$('#qrcodeCanvas').qrcode({
text: window.location.href,//二维码代表的字符串(本页面的URL)
width: 150,//二维码宽度
height: 150//二维码高度
})
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)