Two-dimensional Code format demo
(Scan this QR code will automatically jump to my blog's homepage O (∩_∩) o~)
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Qrcode.js plug-in transforms your content into a QR code format</title> <Linkrel= "stylesheet"href= "Css/style.css"></Head><Body> <Divclass= "Lanren"> <H1>Gary_ Please enter in the input box below</H1> <inputtype= "text"placeholder= "Please enter the content here"ID= "Demo"> <ButtonID= "Send">Click Generate QR Code</Button> <BR></BR><BR></BR> <DivID= "QRCode"></Div> </Div> <P></P> <Scriptsrc= "Js/qrcode.min.js"></Script> <Script>window.onload=function(){ (function(){ vardefaultcontent= 'http://www.cnblogs.com/1138720556Gary/'; varcontent=document.getElementById ("QRCode"); varQRCode= NewQRCode (content,{width: $, Height: $ }); document.getElementById ("Send"). onclick=function(){ varvalue=document.getElementById ("Demo"). Value||defaultcontent; Qrcode.makecode (value); Content.style.display= "Block"; } })(); }</Script></Body></HTML>
index.html
Implementation process:
JS Framework _ (qrcode.js) plugin transforms your content into a QR code format