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读取xml
Nov 04 Javascript
JS前端框架关于重构的失败经验分享
Mar 17 Javascript
jquery密码强度校验
Dec 02 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
Jan 06 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
javascript HTML5文件上传FileReader API
Mar 27 Javascript
用js实现放大镜的效果的简单实例
May 23 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
ECharts地图绘制和钻取简易接口详解
Jul 12 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 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
PHP4之真OO
2006/10/09 PHP
十天学会php之第七天
2006/10/09 PHP
apache+php+mysql安装配置方法小结
2010/08/01 PHP
PHP无限分类(树形类)
2013/09/28 PHP
分享一个php 的异常处理程序
2014/06/22 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
Jquery之美中不足小结
2011/02/16 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
基于jquery实现简单的分页控件
2016/03/17 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
自定义require函数让浏览器按需加载Js文件
2016/11/24 Javascript
学习vue.js计算属性
2016/12/03 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
Python 对输入的数字进行排序的方法
2018/06/23 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
Pretty Little Thing爱尔兰:时尚女性服饰
2017/03/27 全球购物
大学教师年终总结的自我评价
2013/10/29 职场文书
基层党支部整改方案
2014/10/25 职场文书
幼师辞职信范文
2015/02/27 职场文书
管理失职检讨书
2015/05/05 职场文书
Django中的JWT身份验证的实现
2021/05/07 Python