window.open弹出悬浮框，并传递json参数

最新推荐文章于 2024-07-05 16:36:48 发布

原创最新推荐文章于 2024-07-05 16:36:48 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#window.open #eval #json #escape

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在JavaScript中通过window.open方法打开新窗口并传递JSON格式的数据，以及如何在新窗口中解析这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.test1.jsp页面

js:

var replyId = "aaa";

var questionId = "bbb";

var jsonObj = '{replyId:'+replyId+',questionId:'+questionId+'}';

  var iWidth = 600;
  var iHeight = 500;
  var iTop = (window.screen.availHeight - 25 - iHeight) / 2;
  var iLeft = (window.screen.availWidth - 15 - iWidth) / 2;
  window.open("replyDialog.html?obj="+escape(obj), "弹出窗口", "width=" + iWidth + ", height="
    + iHeight + ",top=" + iTop + ",left=" + iLeft +
    ",toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no,alwaysRaised=yes,depended=yes");

2.replyDialog.html页面接收json参数

  var json = location.search;
  json = unescape(json).match(/\{.+?\}/);
  json = eval("("+json+")");
  var replyId = json.replyId;//得到值为aaa
  var questionId = json.questionId;//得到值为bbb

为什么要 eval这里要添加 “("("+json+")");//”呢？

是由于json格式是包含在{}花括号里的，如果不使用eval()转换一下，在js中json变量得到的将会是一个语句块

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式转化为对象，而不是作为语句块来执行