单击链接时JavaScript函数无法工作
单击链接时JavaScript函数无法工作
<head><meta charset="UTF-8"><title>Untitled Document</title><link href="css/default.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function getContent{
document.getElementById("contentFrame").src="LoremIpsum.html";
}
</script></head><body><div class="sidebar"><h1>Technical Documentation</h1><ul>
<li>Configuration Guides</li>
<li>API Guides</li>
<li><a href="" onclick='getContent()'> LoremIpsum</a></li></ul><!-- <button onclick="getContent()">Lorem Ipsum</button>
--></div><iframe class="content" id="contentFrame" src="dummy.html"></iframe></body>
猛跑小猪浏览 485回答 3
3回答
-
一只甜甜圈
函数声明中有语法错误(缺少括号)：function getContent { document.getElementById("contentFrame").src="LoremIpsum.html";}应：function getContent() { document.getElementById("contentFrame").src="LoremIpsum.html";}还需要防止链接的默认事件。<head><meta charset="UTF-8"><title>Untitled Document</title><link href="css/default.css" rel="stylesheet" type="text/css"><script type="text/javascript"> function getContent(event) { event.preventDefault(); document.getElementById("contentFrame").src="LoremIpsum.html"; } </script></head><body><div class="sidebar"><h1>Technical Documentation</h1><ul> <li>Configuration Guides</li> <li>API Guides</li> <li><a href="#" onclick='getContent(event)'> LoremIpsum</a></li></ul><!-- <button onclick="getContent()">Lorem Ipsum</button> --></div><iframe class="content" id="contentFrame" src="dummy.html"></iframe></body> -
慕娘9325324
这是语法错误。不管函数的参数如何，括号都是必需的。然而，这是一个很好的做法剧本控件底部的标记。体体标签。
随时随地看视频慕课网APP
JavaScript
Html/CSS