网el-iframe的页面传递参数

网页之间传递参数可以使用URL传参或者使用HTML5中的postMessage方法。

1. URL传参

在URL后面加上参数，例如：

http://www.example.com/page.html?param1=value1&param2=value2

在接收页面中可以使用JavaScript获取参数，例如：

var params = {};
window.location.search.substring(1).split('&').forEach(function(item) {
  var pair = item.split('=');
  params[pair[0]] = decodeURIComponent(pair[1] || '');
});
console.log(params.param1); // 输出value1
console.log(params.param2); // 输出value2

2. postMessage方法

在发送页面中使用postMessage方法发送消息，例如：

var otherWindow = window.frames['iframeName'];
otherWindow.postMessage('hello', 'http://www.example.com');

在接收页面中监听message事件，例如：

window.addEventListener('message', function(event) {
  if (event.origin === 'http://www.example.com') {
    console.log(event.data); // 输出hello
  }
});

需要注意的是，postMessage方法只能在同源的页面之间传递数据。如果要在不同源的页面之间传递数据，需要使用跨域通信技术，例如JSONP或者CORS。