1 月 8 2015

JS在页面上显示当前页地址QR图的脚本

本文共被喵星人侦察过14,612次。。。

题目好乱。。。一个Javascript脚本，戳一下就会在页面的右上角出来一个二维码，二维码的内容是当前页面的地址，再点击一下图片他就会消失掉。可以很方便的吧正在看的内容转到手机上去看。

代码如下

javascript:((function(){document.body.innerHTML=document.body.innerHTML+"<div id='MyQrCode' style='display:block;z-index:99999;position:fixed;top:0;right:0;' onclick='javascript:(function(){var MyQrCode=document.getElementById("MyQrCode");MyQrCode.parentNode.removeChild(MyQrCode);}())'><img src='http://chart.googleapis.com/chart?chl="+escape(document.location.href)+"&chs=200x200&cht=qr&chld=%7C1&choe=UTF-8'></div>";})());


把上面的代码复制然后新建一个书签放进去，想要二维码的时候戳一下就可以了。


稍微好看一点的代码(其实就只是加了缩进而已)


javascript:((
  function(){
    document.body.innerHTML=document.body.innerHTML+
    "<div id='MyQrCode' style='display:block;z-index:99999;position:fixed;top:0;right:0;'
      onclick='javascript:(
      function(){
        var MyQrCode=document.getElementById(&quot;MyQrCode&quot;);
        MyQrCode.parentNode.removeChild(MyQrCode);
      }())'>
    <img src='http://chart.googleapis.com/chart?chl="+escape(document.location.href)+"&chs=200x200&cht=qr&chld=%7C1&choe=UTF-8'>
    </div>";
})());

By • 8 • Tags: