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

如何将当前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.3K40
  • 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.5K40

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

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

    59030

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

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

    80320

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

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

    12.4K80

    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

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

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

    1.3K50

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

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

    1.1K40

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

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

    52810

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

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

    3.6K40

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

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

    2.4K30

    Android应用界面开发——WebView

    实例:迷你浏览器 该实例包含两个界面,第一个界面包括输入网址和打开网址第二个界面包含一个WebView,用于显示第一个界面输入URL对应界面。...三.WebViewJavaScript调用Android方法 ---- 在WebView调用Android方法需要三步: 调用WebView关联WebSettingssetJavaScriptEnabled...在JavaScript脚本通过刚才暴露name对象调用Android方法。 写一个在JavaScript调用Android方法实例,该实例界面包含一个WebView组件,用于显示HTML页面。...), "myObj"); } } 在上面代码开启了JavaScript调用Android方法功能,并将Android应用MyObject对象暴露给JavaScript脚本,暴露成JavaScript...,该页面JavaScript脚本会通过myObj调用Android方法。

    83430
    领券