首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何将当前JavaScript中的网址发送到第二个页面?

在JavaScript中,可以使用window.location.href来获取当前页面的网址。要将当前网址发送到第二个页面,可以使用以下几种方法:

  1. 使用URL参数:在当前页面的网址后面添加参数,然后在第二个页面中通过解析URL参数来获取当前网址。例如,在当前页面中可以使用以下代码将网址发送到第二个页面:
代码语言:txt
复制
var currentUrl = window.location.href;
window.location.href = 'second-page.html?url=' + encodeURIComponent(currentUrl);

在第二个页面中,可以使用以下代码来获取当前网址:

代码语言:txt
复制
var urlParams = new URLSearchParams(window.location.search);
var currentUrl = urlParams.get('url');
console.log(currentUrl);
  1. 使用localStorage:在当前页面中将网址存储到localStorage中,然后在第二个页面中读取localStorage中的值来获取当前网址。例如,在当前页面中可以使用以下代码将网址存储到localStorage中:
代码语言:txt
复制
var currentUrl = window.location.href;
localStorage.setItem('currentUrl', currentUrl);
window.location.href = 'second-page.html';

在第二个页面中,可以使用以下代码来获取当前网址:

代码语言:txt
复制
var currentUrl = localStorage.getItem('currentUrl');
console.log(currentUrl);
  1. 使用sessionStorage:与localStorage类似,但是存储在sessionStorage中的数据只在当前会话期间有效。使用方法与localStorage相似,只需将代码中的localStorage替换为sessionStorage即可。

这些方法可以根据具体需求选择使用,根据场景的不同,可能会有不同的选择。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用PHP的正则抓取页面中的网址

最近有一个任务,从页面中抓取页面中所有的链接,当然使用PHP正则表达式是最方便的办法。要写出正则表达式,就要先总结出模式,那么页面中的链接会有几种形式呢?...网页中的链接一般有三种,一种是绝对URL超链接,也就是一个页面的完整路径;另一种是相对URL超链接,一般都链接到同一网站的其他页面;还有一种是页面内的超链接,这种一般链接到同一页面内的其他位置。...服务器名称是告诉浏览器如何到达这个服务器的方式,通常是域名或者IP地址,有时还会包含端口号(默认为80)。FTP协议中,也可以包含用户名和密码,本文就不考虑了。...[\w\/\.]+)/i 解释如下: (http|https)第一个括号内匹配的是协议部分。 ([\w\d\-_]+[\.\w\d\-_]+)第二个括号内匹配的是域名部分。 ([\/]?....]+)第三个括号内匹配的是相对路径。 写到这个时候,基本上大部分的网址都能匹配到了,但是对于URL中带有参数的还不能抓取,这样有可能造成再次访问的时候页面报错。关于参数RFC1738规范中要求是用?

3.1K20

javascript 寻找当前页面中最大的 z-index 值的方法

javascript 寻找当前页面中最大的 z-index 值的方法 我们在写类似 toast 这样的组件的时候,会希望我们的弹出层在当前页面的最上层,也就是说,希望 z-index 值为最大。...所以,我们需要找到当前页面中最大的 z-index 值,然后把这个值 +1 即可。 我们先来想一想思路。...我们可以把 DOM 中的所有元素集合起来,然后转化成一个数组,然后我们遍历这个数组,把所有元素的 z-index 值提取出来,然后就形成了一个纯数字的数组,最后从中取到最大值,就是当前页面中的最大的 z-index...方法1(错误示范): __DOM__.style.zIndex 嗯,这样只能找到行内样式中的 z-index 值,如果是写在 css 文件中的,那么就找不到了。 所以,这是一个错误的示范。...查找当前页面 z-index 最大值实现代码 方法1 var arr = [...document.all].map(e => +window.getComputedStyle(e).zIndex ||

2.4K40
  • HTML 面试要点:History 和 Hash 路由方式

    在单页面 web 网页中,单纯的浏览器地址改变,网页不会重载,如单纯的 hash 网址改变网页不会变化,因此路由主要通过监听事件,并利用 JavaScript 实现动态改变网页内容,有以下实现方法: hash...散列值不会随请求发送到服务器端,所以改变 hash,不会重新加载页面 监听 window 的 hashchange 事件,当散列值改变时,可以通过 location.hash 来获取和设置 hash...,当发生改变时,只会改变页面的路径,不会刷新页面 History 对象保存了当前窗口访问过的所有页面网址,可以通过 history.length 获知当前窗口访问过的页面数量 由于安全原因,浏览器不允许脚本读取这些地址...() 移动到下一个网址,相当于点击浏览器前进键,该方法对于最后一个访问的页面无效 History.go() 接收一个整数作为参数,以当前网址为基准,移动到参数指定的网址 如果参数超过实际存在的网址范围...可以将该对象内容传递到新页面中,不需要是可以填 null title 指标题,但多数浏览器不支持,建议传空字符串 url 新的网址,必须与当前页面处于同一个域,不指定的话则为当前路径,如果设置一个跨域网址会报错

    83320

    XSS平台模块拓展 | 内附42个js脚本源码

    01.简单的键盘记录键盘 一个非常简单的键盘记录程序,可捕获击键并将其每秒发送到外部页面.JS和PHP代码在归档中提供的PHP。...这个有效载荷的目的是做一个截图,并悄悄地发送到一个PHP文件(在档案中可用),将其存储到一个不错的PNG文件。...第一个iFrame获取CSRF保护的页面,在第一个表单的“token”参数中窃取标记值,并创建第二个iFrame,并与相应的标记进行连接。...一个基本的脚本,它使用Javascript“form”对象的“onsubmit”属性来拦截和使用表单中设置的值。另一种是从自动完成中窃取密码并将数据提交给恶意网址。...42.访问过浏览过的 创建包含指向目标网址的锚点的不可见iFrame的代码。根据元素的样式,可以知道与URL相关的页面是否先前已访问过。

    12.5K80

    最新详细eclipse下载、安装、汉化教程

    一、下载eclipse安装包 首先进入 eclipse官网 如下: 这里面有很多版本;我们小白一般选择第二个,向下滑动; 点击符合自己系统的版本。...把它解压到你想要安装的位置,或者解压到当前文件夹,再把解压的文件放到你想放的位置 你们的压缩包可能跟我的长得不一样的,在这里的推荐一个好用的解压软件 [WinRAR](WinRAR - 压缩软件 老牌压缩软件知名产品...点击 Browse 更改你想要存放的路径 ​ 更改完之后,点击 Launch 当出现这个页面的时候,就证明你的eclipse已经安装成功了 创建桌面快捷方式 先找到eclipse程序,右键发送到...hanhua Location填汉化下载网址,官方下载网址在国外,下载比较慢。...)hello→new→Class (类),新建一个类 在生成的代码中的第七行填上下面这句代码:注意缩进 System.out.println("hello world")

    1K10

    html网站怎么注入_跨站脚本攻击原理

    攻击者通过在合法的网页中注入恶意代码,达到在受害者的浏览器中执行恶意代码的目的。当受害者访问执行恶意代码的网页时,攻击就开始了。这些网页成为了将恶意代码发送到用户浏览器的工具。...如果它影响了你的用户,那么它也会影响你。 跨站脚本攻击也可能用于丑化原网站,而不是攻击网站用户。攻击者通过注入脚本,改变网站的内容,或者甚至将当前页面重定向到另一个网页,例如一个有恶意代码的网页。...JavaScript 可以读取并任意修改浏览器中的 DOM。还好,该情形只可能发生在 JavaScript 当前运行的网页中。...网站服务端将攻击者的恶意内容作为 HTML 内容的一部分,并返回给受害者的浏览器。 受害者的浏览器执行包含在 HTML 中的恶意脚本。在该场景中,它将受害者的 cookie 发送到攻击者的服务器。...复制代码 标签 一部分浏览器会执行 属性中的 JavaScript 代码。 复制代码 标签 标签的功能是将另一个 HTML 页面嵌入到当前页面中。

    1.4K50

    在javascript中如何将字符串转成变量或可执行的代码?

    有这样一个需求:当前作用域内有未知的一些变量,其中一个函数中可以拿到某个变量名字符串,怎么能在函数内通过传进来的字符串取到作用域链中的变量值,示例小 demo 如下: const name = '周小黑...' const age = 18 /** * @param {String} e 变量名字符串 * @returns value 通过变量名字符串在作用域链中取到的变量值 */ function...主要有三种方式: eval() 函数 eval() 函数会将传入的字符串当做 JavaScript 代码进行执行,所以下面的字符串可以正确取到变量对应的值,eval 对比 new Function 和...setTimeout 定时器 setTimeout 的第一个参数我们平时都是传一个函数,它其实也是可以传字符串进去的,在浏览器中是可以正常执行的,在node环境中会报错。...实际上浏览器中也是不推荐这么用的,另外需要注意的是字符串中的变量只能访问全局作用域,不能访问局部作用域,如果全局作用域中没有,就是 undefined。

    86730

    HTML a标签打开新标签页避免出现安全漏洞,请使用“noopener”

    新标签页中打开一个网址如何出现安全漏洞 让我们在网站上的新标签页中打开一个网址,HTML如下 访问恶意网站!... 这里我们有一个指向恶意网站的 href 属性,并以 _blank 属性为 target,使其在新标签页中打开。...用户从你的页面重定向到域,此时,浏览器会将你当前网站的所有 window 变量内容附加到恶意网站的 window.opener 变量。...rel = “noopener” 表示浏览器不要将当前网站的 window 变量附加到新打开的恶意网站。 这使得恶意网站的 window.opener 的值为 null。...但是,在通过JavaScript处理新标签页打开的元素上的 CMD + LINK 上,浏览器将附加窗口变量并将其发送到新标签页。

    2.5K30

    Code Embed:在WordPress文章和页面中添加Javascript的最佳插件

    所以,当我们在谈论在WordPress中嵌入JavaScript时,特指的是浏览器端的JavaScript。 为什么要在WordPress文章或页面中添加JavaScript?...一般来说,在WordPress文章或页面中插入JavaScript的方法有如下几种: 编辑器:在古腾堡编辑器中插入一个HTML块,把代码以HTML的形式插入。...比如在本博客WordPress 精品插件大全页面的开发小记中的Python代码、PHP代码的嵌入就是直接使用了gist提供的JavaScript嵌入方式 PHP文件:WordPress核心代码中已经自带了很多的...可以在任意文章或页面里插入HTML、JavaScript,嵌入视频的时候特别有用 结合 Widget Logic 插件,可以支持有条件的插入 全局性调用,在一篇文章/页面嵌入后可以在其他的文章/页面中调用...第2步:在仪表板中打开选项 激活后,在文章的编辑页面中,单击三个点点,在“选项”选择“ 自定义字段”选项。 ?

    4.6K40

    eclipse下载与安装(汉化教程)超详细

    一、下载eclipse安装包 首先进入 eclipse官网 如下: 这里面有很多版本;我们小白一般选择第二个,向下滑动; 点击符合自己系统的版本。...把它解压到你想要安装的位置,或者解压到当前文件夹,再把解压的文件放到你想放的位置 你们的压缩包可能跟我的长得不一样的,在这里的推荐一个好用的解压软件 [WinRAR](WinRAR - 压缩软件 老牌压缩软件知名产品...,右键发送到,发送到桌面快捷方式 返回桌面就可以看到生成的快捷方式了 三、配置eclipse 代码自动补全功能 Window(窗口) → Perferencse(选项设置) Java...hanhua Location填汉化下载网址,官方下载网址在国外,下载比较慢。...)hello→new→Class (类),新建一个类 在生成的代码中的第七行填上下面这句代码:注意缩进 System.out.println("hello world") 1 点击运行之后会弹出一个新的窗口

    4.7K40

    经常忘记网址?将Vue项目一键打包为桌面客户端 十分钟让你解决烦恼

    1.3.2 更换图标 右键刚刚生成的 app.exe 文件,将快捷方式发送到桌面,操作过程如下图所示。 生成之后如下图所示。 接着右键快捷方式,点击属性,操作界面如下图所示。...当然如果需要完整功能,比如窗口大小、是否全屏、顶部图标、是否固定任务栏等,可以参考如下的配置文件,并在 1.2.1 步骤配置。 { /**指定程序的起始页面。...第一章都在讲将一个网址打包为桌面客户端。 但我们手上的不是网址,是一个 localhost(本地版) 的 Vue 项目! 第二章就主要讲解,如何将这个 Vue 项目转换为网址!...2.2.3 Nginx 配置 Nginx 和 Tomcat 一样,是一个轻量级的应用服务器,官网下载页面是:Nginx 下载。 同学们可以下载最新稳定版的 Nginx,如下图所示。...三、总结 本文讲解了如何将一个 Vue 项目打包为桌面客户端,实现像 Excel 一样双击运行,适用于管理较多项目且经常忘记网址的场景。

    1.4K40

    Python Selenium的使用(爬虫)

    对应一般的JavaScript动态渲染的页面信息(Ajax加载),我们可以通过分析Ajax请求来抓取信息。...Selenium可以获取浏览器当前呈现的页面源代码,做到可见既可爬,对应JavaScript动态渲染的信息爬取非常有效。...ChromeDriver浏览器驱动的安装:(注意浏览器版本:) 首先查看当前谷歌Chrome浏览器的版本V61~V67(对应2.35~2.38),再到下面网址下载 网址:https://chromedriver.storage.googleapis.com...reset_actions()-- 清除已存储在远程端的操作。 send_keys(* keys_to_send )-- 将键发送到当前的焦点元素。...zu-top-add-question") print(input.text) #获取节点间内容 print(input.id) #获取id属性值 print(input.location) #节点在页面中的相对位置

    3.3K10

    浅谈JavaScript如何操作html DOMJavaScript 能够改变页面中的所有 HTML 元素改变 HTML 样式** JavaScript 有能力对 HTML 事件做出反应**添加和删除

    ** 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。** HTML DOM 树 ? Paste_Image.png DOM树很重要,特别是其中各节点之间的关系。...本文将会讲到以下内容: 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。...JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应...JavaScript 能够改变页面中的所有 HTML 元素 首先,我们要知道如何查找HTML元素,通常有三种方法: id tag classs 就是分别通过id,tag,class的名字查找HTML... 改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。

    5.8K10
    领券