脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS获取当前URL和来源URL

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

 更新时间：2016年08月24日 11:21:22   作者：onestopweb  
这篇文章主要介绍了JS实现获取当前URL和来源URL的方法,涉及javascript针对页面document属性操作的相关技巧,需要的朋友可以参考下

本文实例讲述了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://www.jb51.net/index.html 进来

那么：

获取当前的URL是：https://www.jb51.net/demo.html
获取来源的URL是：https://www.jb51.net/index.html

说明：

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

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

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

您可能感兴趣的文章:

相关文章

  • js HTML5多媒体影音播放

    js HTML5多媒体影音播放

    这篇文章主要为大家详细介绍了js HTML5多媒体影音播放,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 基于javascript实现九九乘法表

    基于javascript实现九九乘法表

    这篇文章主要为大家详细介绍了基于javascript实现九九乘法表的相关资料，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 微信小程序如何利用getCurrentPages进行页面传值

    微信小程序如何利用getCurrentPages进行页面传值

    这篇文章主要介绍了微信小程序如何利用getCurrentPages进行页面传值,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • 使用JavaScript实现一个静态链表

    使用JavaScript实现一个静态链表

    这篇文章主要为大家详细介绍了如何使用JavaScript实现一个静态链表，文中的示例代码讲解详细，具有一定的学习价值，感兴趣的小伙伴可以跟随小编一起了解一下
    2023-06-06
  • 微信小程序实现滚动加载更多的代码

    微信小程序实现滚动加载更多的代码

    这篇文章通过实例代码给大家介绍了微信小程序实现滚动加载更多，给大家提供了完整代码,需要的朋友可以参考下
    2019-12-12
  • 使用js判断数组中是否包含某一元素(类似于php中的in_array())

    使用js判断数组中是否包含某一元素(类似于php中的in_array())

    这篇文章主要是对使用js判断数组中是否包含某一元素(类似于php中的in_array())需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • 跨域表单提交状态的变相判断代码

    跨域表单提交状态的变相判断代码

    通过表单在iframe内向一个跨域的url提交的时候，如何判断提交成功了呢？这个，基本上，很难，因为浏览器安全沙箱的限制，我们没有办法通过获得iframe内部不同域页面的信息。
    2009-11-11
  • JS实现移动端整屏滑动的实例代码

    JS实现移动端整屏滑动的实例代码

    本文通过实例代码给大家分享了基于js 实现移动端整屏滑动效果，基本思路是检测手指滑动方向，获取手指抬起时的位置，减去手指按下时的位置，得正即为向下滑动了，具体实现代码大家参考下本文
    2017-11-11
  • js＋vml创建3D页面效果代码

    js＋vml创建3D页面效果代码

    js vml制作的3D效果
    2008-02-02
  • js实现动态添加上传文件页面

    js实现动态添加上传文件页面

    这篇文章主要为大家详细介绍了js实现动态添加上传文件页面，如何动态创建一个input标签示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-10-10

最新评论