Javascript 如何让onfocus读取外部js文件

因此，我想使用“onfocus”属性从html访问.js文件中的函数，但它不起作用。我讨厌在HTML中编写JS，这会使它变得杂乱无章，以后更难阅读/调试

下面是来自“jmlessions.html”的html代码：

---

它会根据特殊条件更改文本字段的边框颜色，以允许用户知道其输入是否正确

这完全取决于加载js文件的时间

请尝试输入此代码

在

标记中。

---

如果不起作用，请将相同的代码放在html页面的底部。

文件夹JMLessons与JMLessons.html是否在同一文件夹中？是否在脚本

JMLessons.js

函数

pFN1（）

包装在

窗口中。onload（）

或

$（document.ready（）

或其他内容中？是的。马丁·恩斯特：不，不是，你能详细说明这两件事吗，它们对我来说是新的，我刚刚开始制作网站，我决定穿着铅背心潜入深水区，不会游泳。我正在为我教棒球的继父创建一个网站，他需要一个表格，在他的电子邮件中发布，发送一条短信，然后发布到一个待定的日历中，他可以根据自己的喜好调整时间表，然后向那些需要课程提醒的人发送短信/电子邮件，因此，对于一个毫无经验的人来说，这是一个非常简单的第一个网站。@user3677279 1）在名字前面加一个

@

，然后我们就得到了信息。2） 对不起，我不能在评论中详细说明。3） 如果两个文件都在同一个文件夹中，请尝试

（不带前导目录）。请参阅OP的问题：

我在HTML标题部分有此代码。当将代码放在底部时，focusout将抛出一个错误
pFN1未定义
。因此，可能正确的做法是在加载整个页面后加载js文件。否，必须在解析调用它的输入标记之前定义函数
pFN1
。
*<input type="text" required="required" id="pFirstName" name="pFirstName1" placeholder="Required" maxlength=35 minlength=1 onfocusout="pFN1()"></input>

<script type="text/javascript" src="JMLessons/JMLessons.js"></script>

function pFN1()
{
    var p1n1 = document.getElementById("pFirstName");
        if (p1n1.value.length === 0 || p1n1.value === " ")
            {
                document.getElementById("pFirstName").className="wrongReq";
                return false;
            }
        if (/\d/.test(p1n1.value))
            {
                document.getElementById("pFirstName").className="warningReq";
                return false;
            }
        else
            {
                document.getElementById("pFirstName").className="goodReq";
                return true;
            }                                                
}