JS获取url链接字符串 location.href

获取当前网页的URL链接字符串是一个常见的需求,而在JavaScript中,我们可以通过location.href属性来实现。

location.href是一个字符串,包含当前页面的完整URL。你可以直接打印location.href来查看当前页面的URL。

示例一:获取当前页面的URL并显示在页面上

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>示例一</title>
  <script>
    // 获取当前页面的URL并显示在页面上
    document.write('当前页面的URL为:' + location.href);
  </script>
</head>
<body>

</body>
</html>

在该示例中,我们使用了document.write()方法将获取到的URL输出到页面上。

示例二:根据URL链接参数的不同跳转到不同的页面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>示例二</title>
  <script>
    // 获取URL链接参数
    const urlParams = new URLSearchParams(window.location.search);
    // 判断参数值并跳转到不同的页面
    if (urlParams.has('name') && urlParams.has('age')) {
      const name = urlParams.get('name');
      const age = urlParams.get('age');
      if (age > 18) {
        window.location.href = 'http://adult-page.com?name=' + name;
      } else {
        window.location.href = 'http://child-page.com?name=' + name;
      }
    } else {
      alert('请正确填写参数!');
    }
  </script>
</head>
<body>

</body>
</html>

在该示例中,我们通过const urlParams = new URLSearchParams(window.location.search)获取到了当前页面的URL链接参数。接着,我们通过判断链接参数的不同,执行不同的页面跳转操作。

以上就是获取location.href的完整攻略,希望能对你有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS获取url链接字符串 location.href - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • JS简单生成随机数(随机密码)的方法

    生成随机数或随机密码是前端开发中比较常见的需求。在JavaScript中,我们可以通过Math对象来生成随机数。下面是完整的攻略: 1. 生成随机整数 生成随机整数的代码如下: // 生成随机整数 function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); re…

    JavaScript 2023年5月28日
    00
  • javascript实现校验文件上传控件实例

    先来介绍一下如何实现文件上传控件的校验。 1. HTML中的上传控件 首先需要在HTML中使用<input>标签创建一个文件上传控件。 <input type="file" id="upload-file"> 上述代码创建了一个id为upload-file的文件上传控件。 2. JS中监听上传控…

    JavaScript 2023年5月27日
    00
  • javascript数组输出的两种方式

    当我们使用JavaScript编写程序时,数组是一个常用的数据类型,对于数组的输出操作,我们可以使用两种方式来实现。 方式一:使用for循环输出数组元素 使用for循环可以逐个遍历数组中的元素,并将其输出。下面是一个示例代码: var arr = [1, 2, 3, 4, 5]; for (var i = 0; i < arr.length; i++)…

    JavaScript 2023年5月27日
    00
  • Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)

    获取 string 中所有被匹配到的文本,可以用 JavaScript 的正则表达式和 replace 函数来实现。下面是详细的攻略: 步骤 1:创建正则表达式 首先要创建一个正则表达式,用来匹配 string 中的文本。正则表达式可以包括字面量和元字符组成,可以使用 / 或 new RegExp() 创建。 例如,我们创建一个正则表达式,用来匹配所有以字母…

    JavaScript 2023年6月10日
    00
  • Python3实现飞机大战游戏

    Python3实现飞机大战游戏攻略 1. 准备工作 在开始编写游戏代码之前,需要安装好Pygame库。 在Windows系统下可以使用pip命令进行安装: pip install pygame 在Linux系统下可以使用以下命令安装: sudo apt-get install python3-pygame 2. 创建窗口 使用Pygame库创建游戏窗口的代码…

    JavaScript 2023年6月11日
    00
  • JS获取随机数和时间转换的简单实例

    针对“JS获取随机数和时间转换的简单实例”,以下是完整攻略: 1. 获取随机数 1.1 Math.random() 获取JS中的随机数可以通过Math.random()方法来实现。这个方法可以生成一个0~1之间的随机数,但是需要注意,生成的随机数是包含0但不包含1的,也就是说0 <= 随机数 < 1。我们可以通过乘上我们想要的数后向下取整来实现生…

    JavaScript 2023年5月27日
    00
  • javascript 通用loading动画效果实例代码

    对于这个问题,我可以提供以下完整攻略: JavaScript 通用 Loading 动画效果实例代码 什么是 Loading 动画 Loading 动画指的是在某些长时间操作(例如网络请求或计算)期间,为了让用户知道应用程序正在运行中,而在屏幕上呈现的动画效果。通常采用旋转、脉冲或进度条等形式。 如何实现 Loading 动画 HTML & CSS …

    JavaScript 2023年6月10日
    00
  • js字符串的各种格式的转换 ToString,Format

    下面是JS字符串的各种格式的转换ToString,Format的完整攻略。 ToString 在JavaScript中,使用方法toString()可以把其他变量类型(除了undefined和null)转换成字符串。ToString方法有两种形式: 使用函数调用:toString() 使用String函数:String() 以下是两种形式的具体用法和示例说明…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部