javascript - Window.open 检查相同的 div 内容

Question

我想创建一个包含以下内容的弹出窗口:

• 当用户点击显示 div 1 内容的 div 1 时打开弹出窗口。
• 如果 div 1 的内容已经存在于弹出窗口中，并且用户单击 div 1，则什么都不做
• 当用户点击 div 2 时，清除弹出窗口并显示 div 2 的内容。

我尝试了以下方法，但条件语句始终为真，因为新弹出窗口始终包含单击的 div 的内容。

能给点建议吗

首选纯javascript

HTML:

<div class="s1" onclick="basicPopup('',this);">Div 1</div>
<div class="s1" onclick="basicPopup('',this);">Div 2</div>

JS:

function basicPopup(url,t1) {
  popupWindow = window.open(url,'popUpWindow','height=500,width=500,left=100,top=100, resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes'); 
  popupWindow.document.body.innerHTML = t1.innerHTML;
  return false; //make sure parent window doesn't refresh

  if(popupWindow.document.body.innerHTML==t1.innerHTML){
    return false; //if equal do nothing
  }

  else {
    popupWindow.document.body.innerHTML='';
    popupWindow.document.write(t1.innerHTML);
  }

}

Answer 1

删除 if 语句之前的 return false。 return 会立即退出该函数，并且不会运行该函数之后的任何代码。

JSFiddle:http://jsfiddle.net/mu6751xk/

function basicPopup(url,t1) {
  popupWindow = window.open(url,'popUpWindow','height=500,width=500,left=100,top=100, resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes'); 
  popupWindow.document.body.innerHTML = t1.innerHTML;
}

Thanks. But when I say "do nothing" if div 1 content exists in the popup, I mean that div 1 should not be clickable, so multiple clicks on div 1 should fail. (ie popup window shouldn't refresh, parent window would cover popup window)

您应该在尝试打开弹出窗口之前进行检查。

JSFiddle:http://jsfiddle.net/xrsw4Lou/