js生成二维码实例
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<script src="http://www.luqidong.com/demo/qrcode/js/qrcode.js"></script>
<style>
#qrcode{
/*text-align: center;*/
/*display: table-cell;*/
/*width: 96px;*/
/*height: 96px;*/
/*vertical-align:middle;*/
/*position: relative;*/
}
</style>
</head>
<body>
<div id="qrcode">
</div>
<input type="text" id="getval"/> <button id="send">点击更换验证码</button>
<script>
window.onload =function(){
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 96,//设置宽高
height : 96
});
qrcode.makeCode("http://www.78oa.com");
document.getElementById("send").onclick =function(){
qrcode.makeCode(document.getElementById("getval").value);
}
}
</script>
</body>
</html>
相关文章
- JS 实现3D立体效果的首页轮播图(瞬间让你的网站高大上,逼格满满)
- 标签页tab.js 在栏目之间切换,局部变化
- JS框架_(JQuery.js)圆形多选菜单选项
- JS框架_(JQuery.js)网页文字评论弹幕
- JS框架_(JQuery.js)带阴影贴纸标签按钮
- JS框架_(Bootstrap.js)实现简单的轮播图
- 高性能Web动画和渲染原理系列(1)——CSS动画和JS动画
- JS插件之——bootstrap-suggest.js
- Js内置对象的应用
- [Node.js] Mock an API for Local Development in React with Mirage JS
- Node.js的全局对象和全局变量
- 【jQuery小实例】js 插件 查看图片
- [JQuery]用InsertAfter实现图片走马灯展示效果2——js代码重构
- 关于 Node.js scoped module 的一些理解
- Atitit 研发体系 codelib 代码库的建设 目录 1. 概念与组成2 1.1. Java代码2 1.2. Js代码2 1.3. H5 代码 js+css+htm+txt2 1.4.
- Atitit.面向接口的web 原理与设计重写 路由启动绑定配置url router rewriting urlpage mvc mvp的 java c#.net php js
- 编写第一个node.js实例
- Node.js 常用插件集合
- html+css+js实现自动敲文字效果
- js之留言字数限制
- Js中的多条件排序,多列排序
- js校验表单后提交表单的三种方法总结
- 手把手教你用js实现手机通讯录功能(附源码)
- 【JS高级】js面向对象三大特性之封装—如何创建对象_05
- 【JS高级】js之闭包对象_04
- js利用split分割截取---1:1(整理)