网页怎么实现随机数页面传值

最新推荐文章于 2024-08-23 18:12:27 发布

qq_40108183

最新推荐文章于 2024-08-23 18:12:27 发布

阅读量1k

点赞数 1

本文链接：https://blog.youkuaiyun.com/qq_40108183/article/details/78356443

版权

本文介绍了如何在网页刷新后保持并传递值，确保不同页面显示相同内容。以推荐联系人为例，阐述了如何利用jQuery实现页面间名字值的传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前，我有遇到一个问题，怎么让一个页面刷新后改变的值能使得另一个页面的内容也有所改动呢？这就需要实现页面传值！！！

下面我给大家举个例子：

比如我在第一个网页推荐了一个联系方式，对应的联系人名字是小明，要实现在另一个页面中我推荐的联系人名字还得是小明

这时，我写了一个jquery文件

var imgarr=["weixin/小徐.jpg","weixin/小君.jpg","weixin/小玉.png","weixin/嘉嘉.jpg"];
var namearr=["小徐","小君","小玉","嘉嘉"];
var wenxinNum=["17375992363","17375999199","17375992361","17375998062"]
var phone=["17375992363","17375999199","17375992361","17375998062"];
var ranNum =  parseInt(Math.random()*imgarr.length);
$(function(){
 $(".imgChange").attr("src",imgarr[ranNum]);
 $(".nameChange").text(namearr[ranNum]);
 $(".weixinNumChange").text(wenxinNum[ranNum]);
 $(".phoneChange").text(phone[ranNum]);
 to();
})
function to(){
  window.open("file:///E:/web%E5%89%8D%E7%AB%AF/JavaWeb%E8%B5%84%E6%96%99/travel%E2%80%94zjj/index.html?id="+ranNum);
}

这段代码实现的功能就是向一个页面传入一个随机数，随机数对应每一个数组下标，但是这样并没有完成，因为传入一个参数，当然还需要接收这个参数做相应的处理

var imgarr=["weixin/小徐.png","weixin/小君.png","weixin/小玉.png","weixin/嘉嘉.png"];
var namearr=["小徐","小君","小玉","嘉嘉"];
var wenxinNum=["17375992363","17375999199","17375992361","17375998062"]
var phone=["tel:17375992363","tel:17375999199","tel:17375992361","tel:17375998062"];

var thisURL = document.URL;  
var  getval =thisURL.split('?')[1];  
var ranNum= getval.split('=')[1]; 
$(function(){
	$(".imgChange").attr("src",imgarr[ranNum]);
	$(".nameChange").text(namearr[ranNum]);
	$(".phoneChange").attr("href",phone[ranNum]); 
	$(".numChange").text(wenxinNum[ranNum]); 
})

这段代码就是对传来的参数进行了分割，得到独立的网页链接和随机数，这样每个网页的随机数相同就代表数组下标相同，自然网页呈现的内容也就相同了！