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 相关文章推荐
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 Javascript
js清理Word格式示例代码
Feb 13 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
js运动应用实例解析
Dec 28 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
Jan 27 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
Jan 18 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 Javascript
vue2实现provide inject传递响应式
May 21 Vue.js
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
服务器变量 $_SERVER 的深入解析
2013/07/02 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
注意!PHP 7中不要做的10件事
2016/09/18 PHP
php微信公众平台示例代码分析(二)
2016/12/06 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
JS实现获取word文档内容并输出显示到html页面示例
2018/06/23 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
记一次vue去除#问题处理经过小结
2019/01/24 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
Python随机生成带特殊字符的密码
2016/03/02 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
django缓存配置的几种方法详解
2018/07/16 Python
python3 实现验证码图片切割的方法
2018/12/07 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
基于python2.7实现图形密码生成器的实例代码
2019/11/05 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
应聘面试自我评价
2014/01/24 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
2014大学生全国两会学习心得体会
2014/03/13 职场文书
2015年党风建设工作总结
2015/04/29 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
浪漫的婚礼主持词
2015/06/30 职场文书
IDEA 链接Mysql数据库并执行查询操作的完整代码
2021/05/20 MySQL
nginx中proxy_pass各种用法详解
2021/11/07 Servers
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android