iflameの高さを取得するjsがわかりません。

Question

以下の内容で実行してるページがあるんですけど、
正常に動いているようなのですが、クロームのコンソールでevalの列にエラーが表示されてしまいます。

原因がわかる方いらしたらお願いいたします。

function receiveSize(e) {
  var elem = getTargetFrame(e.source);
  var data = eval("(" + e.data + ")");
  elem.style.height = data['height'] + "px";
  elem.style.width = data['width']  + "px";
  console.log(data);
}


function getTargetFrame(w){
  var fms = document.getElementsByTagName("iframe");
  if(fms.length == 0) return null;

  for(var i=0;i<fms.length;i++){
    if(fms[i].contentWindow == w){
      return fms[i];
    }
  }

  return null;
}

if(window.addEventListener) {
    window.addEventListener("message", receiveSize, false);// IE以外
} else if(window.attachEvent){
    window.attachEvent("onmessage",receiveSize);// IE
} else {
    window.onmessage = receiveSize;
}

Comments

[x_x]

postMessageするところも書いてもらえるでしょうか？

Answer 1

evalが原因だと思われたのでそれ以外の方法を実行してみました。
evalで記述された部分のコードを以下のように変更しました。
ただエラー自体は消えましたが、根本的なエラーの原因については結局わかりませんでした。

function receiveSize(e) { 
  var elem = getTargetFrame(e.source); 
  var data = null; 
  if (e.data.match !== undefined) { 
    data = e.data.match(/\d+/); 
  } 
  if (elem !== null && data !== null) { 
    elem.style.height = data + "px"; 
  } 
}

Answer 2

なんなとなりました！

Comments

[kei344]

どのように解決したかコードを回答欄に追記いただけませんか？このページに辿り着いた同じ疑問を持つ人のために、ぜひお願いします。

[退会済みユーザー]

コメントありがとうございます。解決方法を追記いたしました！