首页 > 其他分享 >js获取当前页面网址

js获取当前页面网址

时间:2023-12-18 15:26:28浏览次数:27  
标签:Product console url js 网址 window href location 页面

在JavaScript中,可以使用window.location对象来获取当前页面的网址。以下是几种不同的实现方法:

方法一:使用window.location.href 

var url = window.location.href;
console.log(url); 结果: http://localhost/gridsys/Product/PlantQR?puid=8

方法二:使用window.location.toString()

var url = window.location.toString();
console.log(url); 结果: http://localhost/gridsys/Product/PlantQR?puid=8



方法三:使用document.URL

var url = document.URL;
console.log(url); 结果: http://localhost/gridsys/Product/PlantQR?puid=8



方法四:使用document.location.href

var url = document.location.href;
console.log(url); 结果: http://localhost/gridsys/Product/PlantQR?puid=8



以上四种方法都可以获取当前页面的网址,输出值也一样。

标签:Product,console,url,js,网址,window,href,location,页面
From: https://www.cnblogs.com/fuyao/p/17911299.html

相关文章

  • wowjs动画库
    介绍一款极简的动画小插件,依赖animate.css,支持animate.css多达60多种的动画效果animate官网兼容性IE6、IE7等老浏览器不支持CSS3动画,所以没有效果;而wow.js也使用了querySelectorAll方法,IE低版本会报错使用1.animate.css引入<linkrel="stylesheet"type="te......
  • js 录屏
     如下:varbody=document.body;//双击页面触发的话,将“click”改为“dblclick”body.addEventListener("click",asyncfunction(){varstream=awaitnavigator.mediaDevices.getDisplayMedia({video:true});varmime=MediaRecorder.isTypeSupported("video/web......
  • 【前端】做一个展示卡片样式数据的页面,解决卡片中图片高度不一致问题
    需求分析现在有这样一个需求,在一个页面展示数据,页面的数据通过卡片的形式展示,卡片中内容主要分为三部分,最上面个标题,中间是个图片,最下面是一排操作按钮。这里的卡片可以保证固定的宽高比例卡片可以随着窗口大小的变化做到自适应大小变化实际图片的高度和宽度不一致,显示的的时候可以......
  • 天猫商品详情接口 json 格式返回介绍
    天猫商品详情数据接口返回的JSON格式数据通常包含以下字段:num_iid:商品IDtitle:商品标题desc_short:商品简短描述price:商品价格total_price:商品总价(如有优惠券等)suggestive_price:推荐价格orginal_price:原价nick:卖家昵称num:库存数量detail_url:商品详情链接pic_url:商品图片链接brand:......
  • Docker部署Node.js应用简单实践
    前言本文将从零至一,介绍如何在云服务器上通过Docker容器运行一个简单的Node应用。本文假设读者已经掌握基本的Linux,Docker,Node,Express知识。基本步骤本地写好nodejs应用,放到github。云服务器安装docker,配置国内镜像加速。拉取一个node镜像。从github拉取项目代码。编写Dockerfil......
  • Windows 运行nodejs程序
    创建第一个应用,首先任意目录新建一个txt。复制以下内容://引入required模块varhttp=require("http");//创建服务器http.createServer(function(request,response){//发送头部response.writeHead(200,{'Content-Type':'text/plain'});//发送响应数据res......
  • js中结束多层for循环
     关键字break和continue都是结束循环的作用,但是它只能结束它外面的第一层循环,如果代码里面是一层一层又一层的循环,你想直接结束最外层循环就需要outer了。outer:for(inti=0;i<10;i++){for(intj=0;j<10;j++){if(j==0){......
  • python的orjson
    简介首先我们先来了解下orjson的优缺点:可以将datetime、date和time实例序列化为RFC3339格式,例如:"2022-06-12T00:00:00+00:00"序列化numpy.ndarray实例的速度比其他库快4-12倍,但使用的内存更少,约为其他库的1/3左右输出速度是标准库的10到20倍序列化的结果是bytes类型,而不是......
  • 取巧解决js eval()计算精度丢失问题
    javaScript中存在小数点精度丢失的问题是由于其使用的浮点数表示方式。JavaScript采用的是双精度浮点数表示法,也称为IEEE754标准,它使用64位来表示一个数字,其中52位用于表示有效数字,而其他位用于表示符号、指数和特殊情况。由于使用有限的位数来表示无限的小数,JavaScript无法准确......
  • cesium.js入门基础教程四(事件)
    事件简介Cesium中大的事件按照类型进行分类,可以分为如下几种:鼠标键盘事件相机事件数据加载事件场景加载事件 按照事件的使用方式进行分类,可以分为如下两种:创建事件处理器Handler并指定事件触发类型定义事件,如与鼠标键盘事件相关的屏幕空间事件处理器ScreenSpaceEventH......