用html 获得当前页面地址要如何写?

用html 获得当前页面地址要如何写?,第1张

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

1,设置或获取对象指定的文件名或路径。

alert(window.location.pathname)

2,设置或获取整个 URL 为字符串。

alert(window.location.href)

3,设置或获取与 URL 关联的端口号码。

alert(window.location.port)

4,设置或获取 URL 的协议部分。

alert(window.location.protocol)

5,设置或获取 href 属性中在井号“#”后面的分段。

alert(window.location.hash)

6,设置或获取 location 或 URL 的 hostname 和 port 号码。

alert(window.location.host)

7,设置或获取 href 属性中跟在问号后面的部分。

alert(window.location.search)

8,获取变量的值(截取等号后面的部分)

var url = window.location.search

var loc = url.substring(url.lastIndexOf(‘=’)+1, url.length)

9,用来得到当前网页的域名

var domain = document.domain


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6246099.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存