js子页面到父页面传值

function saveData(){
   //父页面传过来标签的id属性值

    var pid = "${pid}";

//父页面传过来标签的id属性值

    var pcode = "${pcode}";

    // frameElement.api.opener打开父页面

//document.getElementById(pcode).value   dom的id选择器.value属性

  //$("#pcodes").val();  jquery的id选择器.val(),获取这个标签的value值

  frameElement.api.opener.document.getElementById(pcode).value = $("#pcodes").val();

    frameElement.api.opener.document.getElementById(pid).value = $("#pids").val();
     frameElement.api.close();

}

注意:如果没有使用jquery 则就用document.getElementById("id").value;
如果使用了jquery则直接用$("#id").val();

在Web开发中,`span`标签通常用于定义文档中的一个片段,它是HTML的一个内联元素,用来设置一小段文本的格式。而将数据从页面递给父页面通常需要使用JavaScript或其他客户端技术。下面是一个简单的介绍和示例: 1. **使用URL参数**:可以将作为查询字符串附加在URL的末尾,父页面可以通过解析URL获取这些。例如,在页面中,可以通过链接或表单提交的方式。 2. **使用Local Storage或Session Storage**:这些是Web存储API的一部分,允许页面在浏览器中存储键对。页面可以将数据存储在`localStorage`或`sessionStorage`中,父页面可以检索这些存储的数据。 3. **使用Web消息(Broadcast Channel API)**:Web消息允许页面之间通过消息通道进行通信。页面可以发送消息到父页面父页面监听消息并作出响应。 下面是一个简单的使用URL参数的例: **页面(child.html)**: ```html <!DOCTYPE html> <html> <head> <title>页面</title> </head> <body> <a href="parent.html?value=递的">跳转到父页面</a> </body> </html> ``` **父页面(parent.html)**: ```html <!DOCTYPE html> <html> <head> <title>父页面</title> <script> // 页面加载完成后执行 window.onload = function() { // 获取URL参数 function getQueryParam(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } // 获取名为"value"的URL参数 var value = getQueryParam('value'); console.log("从页面获取的是:" + value); }; </script> </head> <body> <h1>父页面</h1> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值