温欣爸比

  • 主页
  • Alfred Workflow
  • 《Vim 练级手册》
  • 常用命令
  • 代码笔记
  • 合辑
  • 在线工具
所有文章 友链 关于我

温欣爸比

  • 主页
  • Alfred Workflow
  • 《Vim 练级手册》
  • 常用命令
  • 代码笔记
  • 合辑
  • 在线工具

JavaScript 获取地址相关信息

2018-03-22

简单总结下 JavaScript 环境下获取当前地址相关信息



  • window.location
  • referrer

window.location

window.location 中包含了很丰富的地址信息

1
console.log(window.location)

1
2
3
4
5
6
7
8
9
10
11
12
{
    "hash":"",
    "host":"localhost:4001",
    "href":"http://localhost:4001/2018/03/22/js-get-location-data/?query=s",
    "port":"4001",
    "origin":"http://localhost:4001",
    "search":"?query=s",
    "hostname":"localhost",
    "pathname":"/2018/03/22/js-get-location-data/",
    "protocol":"http:",
    "ancestorOrigins":{}
}

一般常用到 window.location.href 来获取当前地址,window.location.search 来分析传入的参数

referrer

referrer 是流量来源地址,非常有用,可以用它来做

  • 登陆后跳回访问页面
  • 网站数据统计
  • 防盗链
    获取非常简单
    1
    2
    console.log(document.referrer);
    // https://www.google.com/
最近更新
Alfred Workflow 命令行帮助工具
最近热读
Go 判断数组中是否包含某个 item
Vim 高级功能 vimgrep 全局搜索文件
办理北京工作居住证的一些细节
Go 语法错误:Non-declaration statement outside function body
Mac 电脑查看字体文件位置
扫码关注公众号,或搜索公众号“温欣爸比” 及时获取我的最新文章
赏

谢谢你请我喝咖啡

支付宝
微信
  • javascript
Python User Agents
Python 单元测试模块 unittest
  1. 1. window.location
  2. 2. referrer
© 2017 - 2022 温欣爸比 京ICP备15062634号 总访问量3173次 访客数3125人次 本文总阅读量2次
Hexo Theme Yilia by Litten
  • 所有文章
  • 友链
  • 关于我

tag:

  • python
  • flask
  • javascript
  • docker
  • 工具
  • openresty
  • 微信
  • java
  • hexo
  • 杂谈
  • vim
  • git
  • mysql
  • http
  • linux
  • mac
  • tmux
  • ssh
  • 算法
  • 开发
  • node
  • 杂文
  • jinja2
  • maven
  • spring
  • 北京
  • 生活
  • springboot
  • react
  • shell
  • graphql
  • iterm
  • expect
  • nginx
  • sqlalchemy
  • html
  • electron
  • vagrant
  • elastic
  • 宝贝
  • ansible
  • css
  • jquery
  • go
  • markdown
  • awk
  • redis
  • leetcode
  • zsh
  • 漫威
  • ssr
  • android
  • ffmpeg
  • chrome
  • vmware
  • youtube
  • windows
  • jupyter
  • excel
  • jq
  • Mac
  • Homebrew
  • mongo
  • py2
  • HomeBrew
  • movie
  • nodejs

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

  • Guru99
每天看书
每天背单词
每天一篇
写写代码
听听周杰伦
爱爱老婆