如何通过JS获得网页的真实访问地址呢

如何通过JS获得网页的真实访问地址呢,第1张

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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9333919.html

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

发表评论

登录后才能评论

评论列表(0条)

保存