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

Question

为了在我的页面框架上打印一组数据，我创建了一个 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 标记被设置为单击并打开一个弹出窗口。 windows 已打开，服务可用，但产品未出现并输出 undefined

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

如何让函数读取两个 ID？

Answer 1

你放弃了一个，而不是两个参数

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

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

应该是

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

下一个问题是

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

正在使用 elem2 作为上下文选择器，它没有查找两个元素的 html。您的函数需要两个参数，因此请同时传递 html strings

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

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

Apply two function arguments into onClick tag

javascript

jquery

arguments

onclick