JS实现获取当前URL和来源URL的方法


Posted in Javascript onAugust 24, 2016

本文实例讲述了JS实现获取当前URL和来源URL的方法。分享给大家供大家参考,具体如下:

index.html:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5模板</title>
</head>
<body>
<a href="demo.html">链接</a>
</body>
</html>

demo.html:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5模板</title>
</head>
<body>
当前URL:<input type="text" style=" width:300px;" name="nowurl" id="nowurl"><br>
来源URL:<input type="text" style=" width:300px;" name="fromurl" id="fromurl">
<script>
  var nowurl = document.URL;
  var fromurl = document.referrer;
  document.getElementById('nowurl').value = nowurl;
  document.getElementById('fromurl').value = fromurl;
</script>
</body>
</html>

效果图:

假设是通过 https://3water.com/index.html 进来

JS实现获取当前URL和来源URL的方法

那么:

获取当前的URL是:https://3water.com/demo.html
获取来源的URL是:https://3water.com/index.html

JS实现获取当前URL和来源URL的方法

说明:

document.URL 属性可返回当前文档的 URL。
document.referrer 属性可返回载入当前文档的文档的 URL。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript实现划词标记+划词搜索功能
Mar 06 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
JS高级笔记
Jul 13 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
jQuery实现的进度条效果
Jul 15 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
node安装--linux下的快速安装教程
Mar 21 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
Sep 26 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 #Javascript
总结Javascript中的隐式类型转换
Aug 24 #Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 #Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 #Javascript
JS for...in 遍历语句用法实例分析
Aug 24 #Javascript
用JS中split方法实现彩色文字背景效果实例
Aug 24 #Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 #Javascript
You might like
php实现随机显示图片方法汇总
2015/05/21 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
vs2003 js文件编码问题的解决方法
2010/03/20 Javascript
jQuery 源码分析笔记(2) 变量列表
2011/05/28 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
图片img的src不变让浏览器重新加载实现方法
2013/03/29 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
javascript实现动态侧边栏代码
2014/02/19 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
python抓取豆瓣图片并自动保存示例学习
2014/01/10 Python
简单学习Python time模块
2016/04/29 Python
python使用 HTMLTestRunner.py生成测试报告
2017/10/20 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
Python实现的选择排序算法示例
2017/11/29 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
介绍一下linux文件系统分配策略
2013/02/25 面试题
论文诚信承诺书
2014/05/23 职场文书
师德模范事迹材料
2014/06/03 职场文书
离职报告格式
2014/11/04 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
2015年新农村建设指导员工作总结
2015/07/24 职场文书
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python