Question

<script language="JavaScript">
function changeHistory(which) {
document.getElementById('maincontent').innerHTML="<iframe src='history.html' width='100%' height='100%' scrolling='auto'></iframe>";
}

function changeFigures(which) {
document.getElementById('maincontent').innerHTML="<iframe src='figures.html' width='100%' height='100%' scrolling='auto'></iframe>";
}
</script>


<li><a title="History" href="history.html" onclick="changeHistory(this); return false;">History</a></li>
<li><a title="Figures" href="figures.html" onclick="changeFigures(this); return false;">Figures</a></li>

我做得对吗？如何不为不同的链接使用不同的javascript方法？

是否可以在此问题中使用变量？

Answer 1

您已经使用此内联函数将html元素传递给函数，我认为这样做很好。

onclick="changeHistory(this);

现在，如果您改变这样的函数，您可以使用刚刚传递的html元素来获取实际的url，这是该html元素的'href'属性。

<script language="JavaScript">
function changeIframe(htmlElement) {
  document.getElementById('maincontent').innerHTML = "<iframe src='" + htmlElement.href + "' width='100%' height='100%' scrolling='auto'></iframe>";
}
</script>


<li><a title="History" href="history.html" onclick="changeIframe(this); return false;">History</a></li>
<li><a title="Figures" href="figures.html" onclick="changeIframe(this); return false;">Figures</a></li>

玩得开心！

Answer 2

是的，它看起来是正确的，你可以做这样的事情，将链接中的“href”传递给iframe的src。

function changeFrames(which) {

document.getElementById('maincontent').innerHTML="<iframe src='"+which.href+"' width='100%' height='100%' scrolling='auto'></iframe>";
}

多个innerHTML函数

2 个答案: