iframe：页面在iframe src上回发或刷新

Question

我是asp.net的新手。 我正在调用Iframe src抛出表行javscripct click事件。 （即onclick =“ return loadPhaseWiseChart（” DGSET00025“）;”）

我的代码：-

<tr height="25" id="row3" onclick="return loadPhaseWiseChart("DGSET00025");" bgColor="#e1f2fe">
<td>
<tr>

jQuery代码：-

function loadPhaseWiseChart(Asset_Discription) {
            document.getElementById('IframeChart1').src = "PhaseOneChart.aspx?assetdiscription=" + Asset_Discription;
        }

当我单击行时，我的页面正在回发或刷新。 我想避免页面刷新或回传行单击事件。 我该怎么做。 任何帮助将不胜感激。

Answer 1

您的onClick应该看起来像这样：

<tr height="25" id="row3" onclick="loadPhaseWiseChart('DGSET00025');" bgColor="#e1f2fe">

请注意返回值的删除以及内部字符串和外部属性使用不同的引号类型（在JavaScript中，这些类型可以互换，但它们至少必须匹配。实际上，使用jQuery时，您不应添加这样的onClick根本不用像这样使用数据属性：

<tr height="25" id="row3" data-chart="DGSET00025" bgColor="#e1f2fe">

并将您的函数绑定到click事件，如下所示：

$('#row3').on('click', loadPhaseWiseChart);

这会将您的“ loadPhaseWiseChart”更改为：

function loadPhaseWiseChart() {
  document.getElementById('IframeChart1').src = "PhaseOneChart.aspx?assetdiscription=" + $(this).data('chart');
}

最后，只是确保您不会被此陷阱所困，ASP.net会通过添加“ runat =“ server””来更改HTML元素的ID，因此，如果您的iframe的ID为“ IframeChart1”，并且该“运行”属性，然后ASP会将其转换为类似“ iframe_01_h1”的内容。 您可以通过以下一些ASP代码获得此值：

document.getElementById('<%= IframeChart1.ClientID %>')