HTML 页面传值及另一个页面接收值

最新推荐文章于 2024-07-25 11:52:08 发布
最新推荐文章于 2024-07-25 11:52:08 发布
阅读量1.4k 收藏 5
点赞数 2
文章标签： html javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55489077/article/details/121300006
版权

HTML 页面传值及另一个页面接收值

a.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a页面</title>
<script type="text/javascript" src="link/jquery.min.js"></script>
<script type="text/javascript">
function to(){  
    var getval ="valueTest中文字符";
    var getval2 ="valueTest2";
    window.location.href="b.html?valus="+getval;
    // window.location.href="b.html?valus="+getval+"&value2="+getval2;
} 
</script>

</head>
<body>
<button onclick="to()">传值</button>
</body>
</html>

b.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>b页面</title>
<script type="text/javascript" src="link/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
console.log(decodeURI(location.search.concat()));
manyValues();
$("#show").html(oneValues());
})

//接收一个值
function oneValues(){
    var result;
    var url=decodeURI(window.location.search); //获取url中"?"符后的字串  
    if(url.indexOf("?") != -1) {
        result = url.substr(url.indexOf("=")+1);
    }
    return result;
}

//接收多值
function manyValues() {
    var url=decodeURI(window.location.search);
    if(url.indexOf("?")!=-1) {
        var str = url.substr(1);
        strs = str.split("&"); 
        var key = new Array(strs.length);
        var value = new Array(strs.length);
        for(i = 0;i < strs.length;i++){
            key[i] = strs[i].split("=")[0]
            value[i] = unescape(strs[i].split("=")[1]); 
            alert(key[i]+"="+value[i]);
        } 
    } 
}

</script>
</head>
<body>
<span>接收的值是：</span>
<span id="show"></span>
</body>
</html>
南京状元郎
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html前台页面用$接收传值,SpringMVC 向前台页面传值-ModelAndView
weixin_34360879的博客
06-03 1443
ModelAndView该对象中包含了一个model属性和一个view属性model：其实是一个ModelMap类型。其实ModelMap是一个LinkedHashMap的子类view：包含了一些视图信息当视图解释器解析ModelAndVIew是，其中model本生就是一个Map的实现类的子类。视图解析器将model中的每个元素都通过request.setAttribute(name, value...
两个HTML页面用ajax传值,ajax异步传值|前后台传值|EL表达式
weixin_39760721的博客
06-03 639
在这里小小推荐下我的个人博客某宝优惠：优惠网站写在前面昨天发布了一篇关于ajax异步的文章，今天好多人私信我关于ajax前后台数据传递的问题。我就给大家出一篇关于前后台数据传递的文章，希望大家多多支持！！！异步传值前台往后台传值呢，有很多种方式，大家听我细细道来。第一种呢，也是最简单的一种，通过get提交方式，将参数在链接中以问号的形式进行传递。// 前台传值方法// 触发该方法调用ajaxfun...
JS传值到另外一个页面及显示出来
08-31
JS传到到另外一个页面,有需要下载去吧，如果有什么疑问加QQ:196472414
本地html页面传递表单值,js实现两个页面表单传值并接收
weixin_33363704的博客
06-03 1059
js 实现两个页面表单传值并接收源码A页面：functiontest(){var s =document.getElementById("txt");location.href="2.html?"+"txt="+encodeURI(s.value);}第一个页面表单中输入文字或其他值。B页面代码：var loc=location.href;var n1=loc.length;//地址的总长度var...
VUE从一个页面传值到另一个页面
热门推荐
呆子小木心的博客
10-25 2万+
VUE从一个页面传值到另一个页面
php获取另一个php页面_post值,php接受post传值的方法
weixin_34026997的博客
03-29 713
这段时间在研究php的接口，利用jmeter模拟发送数据给php服务器，看php如何接收post传输过去的数据，遇到了几个问题，经过一番度娘之后终于有所理解，记录一下：这里记录常用的两种post方式第一种：content-type为application/x-www-form-urlencoded，这是post默认的数据格式，在使用jquery的ajax来post数据的时候默认就是这种方式，这种方...
c 向html页面传值,html页面之间传值
weixin_33269743的博客
06-03 269
当静态html页面之间跳转时，可能需要传递一些参数。一种办法是如果浏览器支持localStorage，可以将临时变量存储在浏览器中，到另一个页时再取出来，但是这种方法在firefox ， chrome中支持，在中国IE6大环境下，别妄想用这种方法了。另一种是在url中传递 ， 如果A页面跳转到B页面，可以在A页面的锚点的url中加上参数，例如，B.html?platform=1&produ...
一个HTML页面打开另一个HTML页面并传值
qq_41821745的博客
12-03 4720
要点： A页面通过window.open(“indexB.html”)打开B页面 B页面通过window.opener.A页面中的内容 indexA.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面A</title> </head> <body> <form>
HTML前端页面传值与接收
帝上无天的博客
08-11 2463
在HTML中，需要传值给controller页面，然后跳转到指定页面，不可以直接页面直接跳转——jsp可以，所以这个时候就有了thymeleaf模板引擎。 首先，在传值页面设置需要传值的参数： 在跳转页面的URL上直接拼接参数： context + "/user/userDetails?" + userId 然后到controller中，指定需要跳转的页面，并使用Model来接收前一个页面传递过来的参数： @RequestMapping("/userDetailsPage") public S
静态页面html中跳转传值的JS处理技巧
01-19
本文实例讲述了静态页面html中跳转传值的JS处理技巧。分享给大家供大家参考，具体如下： 在html中通过”?”传值： 静态传值 在跳转到的页面index2.html中接收： var name=UrlParm.parm(name); 代码如下： index....
详解AngularJS跨页面传值（ui-router）
10-19
对于接收页面（即目标页面），我们需要定义一个状态，并在URL中声明我们想要传递的参数： ```javascript .state('itemDetail', { url: '/itemDetail/:sort/:id/', templateUrl: 'templates/itemDetail.html', ...
Layui实现父子页面之间值传递.zip
03-12
console.log('从子页面接收的结果:', result); // 在这里处理接收到的结果，如更新表格、显示提示等 layer.close(index); // 关闭子页面 }, false); } }); }); ``` 通过以上步骤，我们就成功实现了 `Layui` ...
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
10-16
console.log('从子页面接收到的数据:', data); // 处理数据 } ``` 总的来说，Layui表格和layer弹层组件结合使用，能够轻松实现父页面和子页面之间的数据交互。理解并熟练运用`parent`关键字以及事件监听机制，...
微信小程序页面间传值与页面取值操作实例分析
10-17
在当前页面的 JavaScript 文件中，将参数值赋给一个局部变量： ```javascript onLoad: function(options) { var shopsName = options.shopsName; } ``` #### 2. 全局变量接收 如果需要将参数值存储为页面的全局...
ajax 跳转 html页面传值,ajax实现页面跳转并传参
weixin_39637151的博客
06-03 4891
javascript" name=code class="page_speeder_20720">整理版$.ajax({type:"POST",url://你的请求程序页面随便啦async:false,//同步：当有返回值以后才会进行后面的js程序。data://请求需要发送的处理数据success:function(msg){if(msg){//根据返回值进行跳转window.loc...
关于如何转换MarkDown文本并在Html内进行显示
ioioppk的博客
07-25 914
今天遇到一个问题，从ChatGpt的API获取的文本格式为MarkDown，在HTML上使用textarea控件显示的时候就只是文字格式，并没有对MarkDown格式进行处理，今天就分享一下如何在Html上进行MarkDown格式文本的显示。
【HTML — 构建网络】HTML 中的元数据
07-24 923
这在很多方面都很有用。如果设置了 HTML 文档的语言（例如，允许其在特定语言的结果中正确显示），则搜索引擎将更有效地索引您的 HTML 文档，并且它对使用屏幕阅读器的视觉障碍者很有用（例如，“六”一词在法语和英语中都存在，但发音不同。的链接（如果您选择使用 CSS 设置HTML内容的样式）、指向自定义图标的链接以及其他元数据（有关HTML的数据，例如作者和描述文档的重要关键字）。指定包含与您的页面内容相关的关键字的描述很有用，因为它有可能使您的页面在搜索引擎执行的相关搜索中显示得更高（此类活动称为。
iframe 渲染请求到的 html (邮件预览), 避免样式污染 + 打印 iframe 邮件详情 + iframe 预览邮件时固定水平滚动条在视口底部
最新发布
汤一飞
07-25 1105
iframe 预览邮件 + 打印邮件 + 模拟滚动条
vue返回上一个页面传值
09-15
在Vue中返回上一个页面并传递值可以通过以下方法实现。 首先，在当前页面中设定要传递的参数值。可以通过在data属性中定义一个参数，并在相关事件或方法中给该参数赋值。例如： ```js data() { return { value: '' } }, methods: { setValue() { this.value = '传递的值'; }, goBack() { // 返回上一个页面 this.$router.go(-1); } } ``` 其次，在上一个页面中获取到传递的值。可以通过在created或mounted等生命周期钩子函数中接收值并进行处理。例如： ```js data() { return { receivedValue: '' } }, created() { this.receivedValue = this.$route.params.value; }, ``` 最后，在当前页面的返回按钮或相关事件中调用goBack方法返回上一个页面，从而实现返回上一页并传递值的效果。例如： ```html <template> <div> <button @click="setValue()">设置传递的值</button> <button @click="goBack()">返回上一页</button> </div> </template> ``` 这样，在当前页面点击设置传递的值按钮时，会将value的值设为'传递的值'。然后，点击返回上一页按钮时，会返回到上一个页面，并在created钩子函数中接收到该值并赋值给receivedValue。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值