首页 > 解决方案 > 外部 javascript 文件未加载

问题描述

我已经在我的 home.html 页面中包含了一个外部 javascript 文件“check.js”,但它似乎无法正常工作。这是 check.js 的代码:

function required()
{   var empt=document.forms["form1"]["city_name"].value;
    if(empt=="")
    {
        alert("City name is required");
        return false;
    }
    return true;
}

home.html 的代码是:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Weather Forecast</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" media="screen" href="/static/main.css" />
    <script src="check.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />
</head>
<body>
    <p>
        <form name="form1" action='/weather' method="post" autocomplete="off" onsubmit="required()">
       <h1>City Name:</h1><input class="input1" type="text" name="city_name" onfocus="this.value=''" value="enter city name here....">  <br/>
        <input class="input2" type="submit" name="form" value="Submit">
        </form>
    </p>
</body>
</html>

怎么了??

标签: javascripthtml

解决方案


在 HTML 文件中使用内联脚本:

<script>
    your code here
</script>

推荐阅读