html获得当前页面路径

要使HTML获得路径，肯定是要用到JavaScript，获得方式有以下几种方式

获得方式都是 window.location. = this.location.在后边加入要获得的方式，这里我就以this.location.方式说一下

加入当前页面的全路径是 http://127.0.0.1:8020/login/getUrl.html?__hbt=1523851552803

另外还有

url = window.location.hash/* 获取锚点（“#”后面的分段） /

alert(url)/ #test?name=test */

设置或获取整个 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>

---