1、document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。所以一个窗口下只有一个windowlocationhref,但是可能有多个documentURL、documentlocationhref
2、windowlocationhref和documentlocationhref可以被赋值,然后跳转到其它页面,documentURL只能读不能写
3、documentlocationhref和documentlocationreplace都可以实现从A页面切换到B页面,但他们的区别是:
用documentlocationhref切换后,可以退回到原页面。
而用documentlocationreplace切换后,不可以通过“后退”退回到原页面。
可以使用下列代码获取当前页面的网址:
windowlocation// 或者
windowlocationhref
实例演示:
1、新建一个空白Html文档
2、输入javascript代码
<script>alert(windowlocationhref)
</script>
3、查看效果
获取的方法如下:
1、设置或获取整个 URL 为字符串: windowlocationhref
2、设置或获取与 URL 关联的端口号码: windowlocationport
3、设置或获取 URL 的协议部分 windowlocationprotocol
4、设置或获取 href 属性中跟在问号后面的部分 windowlocationsearch
5、获取变量的值(截取等号后面的部分)
6、设置或获取 URL 的协议部分: windowlocationprotocol
7、设置或获取 href 属性中在井号“#”后面的分段: windowlocationhash
8、设置或获取 location 或 URL 的 hostname 和 port 号码: windowlocationhost
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。
下面我们举例一个URL,然后获得它的各个组成部分:>
用js 的方法获取:代码如下
设置或获取对象指定的文件名或路径。
alert(windowlocationpathname)
设置或获取整个 URL 为字符串。
alert(windowlocationhref);
设置或获取与 URL 关联的端口号码。
alert(windowlocationport)
设置或获取 URL 的协议部分。
alert(windowlocationprotocol)
设置或获取 href 属性中在井号“#”后面的分段。
alert(windowlocationhash)
设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(windowlocationhost)
设置或获取 href 属性中跟在问号后面的部分。
alert(windowlocationsearch)
获取变量的值(截取等号后面的部分)
var url = windowlocationsearch;
// alert(urllength);
// alert(urllastIndexOf('='));
var loc = urlsubstring(urllastIndexOf('=')+1, urllength);
jquery 获取所有页面上所有的 lt;a href>之类的标签先用var href = $("a")attr("href");取得字符串,然后用正则表达式过滤 匹配4418的正则表达式:
设置或获取整个 URL 为字符串具体代码为: windowlocationhref
例1、生成二维码为格式(优点:便于分享到微信、QQ或其他网页)
<script type="text/javascript" src="jquery-171minjs"></script><script type="text/javascript" src="jqueryqrcodejs"></script>
<script type="text/javascript" src="qrcodejs"></script>
<div id="divOne"></div>
<img id='imgOne' style='border:1px solid red;'/>
<script>
//默认使用Canvas生成,并显示到
var qrcode= $('#divOne')qrcode({
text: windowlocationhref,//二维码代表的字符串(本页面的URL)
width: 150,//二维码宽度
height: 150//二维码高度
})hide();
var canvas=qrcodefind('canvas')get(0);
$('#imgOne')attr('src',canvastoDataURL('image/jpg'))
</script>
例2、生成二维码为非格式 (优点:便于生成速度快,不占用空间)
<script type="text/javascript" src="jquery-171minjs"></script><script type="text/javascript" src="jqueryqrcodejs"></script>
<script type="text/javascript" src="qrcodejs"></script> <div id="qrcodeCanvas"></div>
<script>
$('#qrcodeCanvas')qrcode({
text: windowlocationhref,//二维码代表的字符串(本页面的URL)
width: 150,//二维码宽度
height: 150//二维码高度
});
</script>
以上就是关于如何通过JS获得网页的真实访问地址呢全部的内容,包括:如何通过JS获得网页的真实访问地址呢、如何用JavaScript获取当前页面的网址、js中如何获取前一个页面的url等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)