将两个函数参数应用于 onClick 标记答案

【问题标题】：Apply two function arguments into onClick tag将两个函数参数应用于 onClick 标记
【发布时间】：2015-06-11 08:15:31
【问题描述】：

为了在我的页面框架上打印一组数据，我创建了一个 javascript function 以在 a 标记上将其设置为 onClick。但是，该函数在单击打印时只获取一个参数，而不是全部。

所以我已经制作了 HTML：

<div id="services">Services available</div>
<div id="products">Products available</div>

还有 javascript 函数（带有两个参数）：

function Popup(data1, data2) {
  var printWindow = window.open('', 'Page', 'width=600,height=600,left=400');
  printWindow.document.write(data1);
  printWindow.document.write(data2);

  return true;
}

function PrintElem(elem1, elem2) {
  Popup($(elem1, elem2).html());
}

并且a 标签被设置为被点击并打开一个弹出窗口。窗口已打开，服务可用，但产品未出现并输出 undefined

<a onClick="PrintElem('#services, #products')">Print page</a>

如何让函数读取两个 id？

【问题讨论】：

标签： javascript jquery onclick arguments

【解决方案1】：

你传递的是一个，而不是两个参数

"PrintElem('#services, #products')"

记录console.log(elem1); 将显示字符串"#services, #products"

应该是

"PrintElem('#services', '#products')"

下一个问题是

Popup($(elem1, elem2).html());

使用 elem2 作为上下文选择器，它不查找两个元素的 html。您的函数需要两个参数，因此将两个 html 字符串都传递给它

function PrintElem(elem1, elem2) {
  Popup($(elem1).html(), $(elem2).html());
}

【讨论】：

在我编辑它时抓住了我@KJPrice :) 在我为第一个问题做出答案后就发现了。