怎么用js把数据从一个页面传到另一个页面的层里

JavaScript035

怎么用js把数据从一个页面传到另一个页面的层里,第1张

用js把数据从一个页面传到另一个页面的层里?如果是传到新页面的话，你网站基于什么语言开发直接用get或者post获取，然后输出到这个层 如果是HTML页面的话JS传到新页面就window.location.href='a.html?id=100'然后a.html页面的JS就<div id="s"></div><script>document.getElementById("s").innerHTML=window.location.split('?')[1]</script> 如果是想要实现AJAX在a页面传参数到b页面并且在a页面的层显示b页面执行参数的结果的话就用AJAX了这个写起来太多，给你JQUERY的<div id="a"></div>$("#a").load("b.html?id=100")//或者$.get("b.html?id=100",function(data){$("#a").html(data)})还有POST方法，这里就不一一罗列了

你都已经知道答案了。最简单最有效的方法就是postMessage。其他方法应该只有flash的方法了，是最简单的了，至于flash我不懂，所以不方便说什么了，我就谈谈postMessage。

A页面：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

<iframe id="pageB" src="b.html" frameborder="0"></iframe>

<button id="button">发送信息</button>

<script>

var button = document.querySelector("#button")

var pageB = document.querySelector("#pageB")

var innerWindow = pageB.contentWindow

pageB.addEventListener('load', function(evt) {

button.addEventListener('click', function(e) {

innerWindow.postMessage("Page A发出信息", "http://localhost:3000")

})

})

</script>

</body>

</html>

B页面：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

<div id="content"></div>

<script>

var num = 0

window.addEventListener('load', function() {

window.addEventListener('message', function(e) {

if (e.origin === 'http://localhost:3000') {

var data = e.data

if (data === "Page A发出信息") {

num += 1

document.querySelector("#content").innerText += num + '次 ' + data + "\n"

}

}

})

})

</script>

</body>

</html>

这个是可以跨页面，跨域，只要接收的页面判断一下请求来源

安全问题可以认真看看，真的不需要多少时间

网页链接