怎样在静态网页中使用JavaScript实现页面间传值

发布网友发布时间：2022-04-29 03:23

共4个回答

懂视网时间：2022-05-14 21:03

<!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>
 <script>
  //监听消息反馈
 window.addEventListener('message',function(event) {
  console.log(event);
  if(event.origin !== 'http://localhost:8080') return;
  console.log('received response: ',event.data);

 },false);
 </script>
</body>
</html>

4.结果如下：

相关推荐：

javascript实现html页面之间参数传递的四种方法实

html怎样实现页面跳转时传递参数

热心网友时间：2022-05-14 18:11

应用场景：在A页面点击一个按钮弹出另一个页面B,需要把A页面的值传到B页面以供初始化B页面的数据，同时也要将B页面（通过保存按钮）的最后结果传到A页面。
//B页面的保存按钮函数
function getUsers(){
var result=new Array(2);
result[0]=tree.getAllCheckedByItemType('<%=XmlCanstants.STAFF_ITEM_TYPE%>');
result[1]=tree.getAllCheckedTextByItemType('<%=XmlCanstants.STAFF_ITEM_TYPE%>');
window.returnValue =result;//将要传递的值赋值给window.returnValue变量
closeWindow();
}
//注意：此处有2个重要参数，一：window.showModalDialog()的第2个参数valueArray 为传到URLStr页面的参数，这个值将在下面的initChecked()函数中的window.dialogArguments取得，而windowReturnValue为窗口页面返回的值，即对应上面的getUsers()函数对应的window.returnValue
//A页面的按钮函数
function openWindow(URLStr,selectObj)//弹出窗口
{
var selectObj = document.getElementById(selectObj);
var len = selectObj.options.length;
var valueArray = new Array(len);
for(var i=0;i<len;i++){
valueArray[i] = selectObj.options[i].value;
}

var windowReturnValue = window.showModalDialog(URLStr,valueArray ,'dialogHeight:480px;dialogWidth:220px;status:0;help:0;edge:sunken;scroll:1;');
if(windowReturnValue!=null&&windowReturnValue.length >0){
var userIds = windowReturnValue[0].split(",");
var userNames = windowReturnValue[1].split(",");
selectObj.length=0;//删除全部option
for(var i=0;i<userIds.length;i++){
creatOption(selectObj,userNames[i],userIds[i]);
}
}
}

function creatOption(select,text,value){
var option = document.createElement("option");
option.text=text;
option.value=value;
select.add(option);
}
//B页面从A页面获得传值，做初始化
function initChecked(){
var winobj =window.dialogArguments;
if(winobj!=""){
for(var j=0;j<winobj.length;j++){
tree.setCheck(winobj[j],true);
}
}
}
我网上找到的，不知是否对你有用？

热心网友时间：2022-05-14 19:29

你自己都说静态页面了，就是静态的，值都是固定的，100%不可能传值的，使用javaScript也不可能，除非你自己发明一种技术。

热心网友时间：2022-05-14 21:03

可以用window.open方式用index.html打开content.html
这时可以在content.html中用js操作index.html中的元素，也算是一种折中的方式吧
此句 window.opener.document 在content.html 中使用的话，返回的就是index.html的页面对象