Question

我有HTMl文件，它是单选按钮，以及外部文件filename.js中的函数而我在里面使用。它是以正确的方式向右对齐，从书中复制猫，但是它不会起作用执行html文件。我已将.html文件和filename.js文件放入新文件夹中，其中只有两个文件。这里似乎有什么问题，我喜欢一些建议。

authorx。

Answer 1

我不能完全没有看到一些代码，但从html文件执行单独的javascript文件的标准方法是使用脚本标记。更多信息：http://www.w3schools.com/tags/tag_script.asp

在您的情况下，标签看起来像

<script src="filename.js"></script>

Answer 2

我的代码看起来像这样

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> Radio Button </title>
<script type= "text/javascript" src = "radio_plane.js" >
</script>

<body>
<h4> Cessna single-engine airplane description </h4>
<form id="myform" action="">
<p>
<label><input type="radio" name="planebutton" value="152" onclick="action(152);" />
                Model 152 </label>
                <br />
<label><input type="radio" name="planebutton" value="172" onclick="action(172);" />
                Model 172 (Skyhawk)</label>
            <br />
<label><input type="radio" name="planebutton" value="182" onclick="action(182);" />
                Model 182</label>
            <br />
<label><input type="radio" name="planebutton" value="210" onclick="action(210);" />
            Model 210 (Centurian) </label>
            <br />
</p>
</form>

</body>
</html>
and javascript file


function action(plane)
{
switch(plane)
{
case 152:
alert("A small two-place airplane for flight training");
break;
case 172:
alert("The Smaller of two four-plane airplanes");
break;
case 182:
alert("The larger of two four-place airplanes");
break;
case 210:
alert("A six-place high-performance airplane");
break;
default:
alert("Error in JavaScript function planeChoice");
break;
 }
 }

Javascript放置外部文件

2 个答案: