为了账号安全,请及时绑定邮箱和手机立即绑定

当我尝试将 javascript 文件链接到 html 时,为什么浏览器显示文件未找到错误?

当我尝试将 javascript 文件链接到 html 时,为什么浏览器显示文件未找到错误?

智慧大石 2023-09-21 16:19:43
我有一个空<p>标签,当我单击“提交”按钮时,我想更改它的文本:<div class="error">    <p id='error'></p></div>这是我将 html 文件链接到 javascript 文件的方式:<script type="text/javascript" src='sign-up.js'></script>这是 JavaScript 代码:function signup(){document.getElementById('error').value = "This website is'nt finished yet, You can't signup";};这是应该执行任务的按钮:<input id="submit" type="submit" name="submit" value="CREATE ACCOUNT" onclick="signup()">但问题是当我单击按钮时,浏览器向我显示此错误:ERR_FILE_NOT_FOUND它说也许文件已被移动。那么解决办法是什么?注意(我正在计算机的同一目录中运行所有文件)
查看完整描述

4 回答

?
开心每一天1111

TA贡献1836条经验 获得超13个赞

JavaScript 运行后,表单将立即提交(您确实单击了提交按钮)action<form>.

它不存在,因此浏览器显示错误。


遵循渐进增强和不显眼的 JavaScript原则,您应该首先在该 URL 上构建表单的服务器端处理。

然后您可以查看阻止单击提交按钮的默认行为。


如果永远不会有任何服务器端处理,那么首先使用提交按钮就没有意义。您应该使用type="button"它(并且可以action在使用时删除它。)


除此之外,一旦你解决了这个问题,你就可以用你的 JS 来解决问题了。

您正在尝试设置段落的值。段落没有值,只有表单控件(如输入)有值。

您可能想改为设置textContent


查看完整回答
反对 回复 2023-09-21
?
倚天杖

TA贡献1828条经验 获得超3个赞

如果您使用标签,为什么不将 JavaScript 集成到实际程序中呢?只需将其敲入这些标签之间,它就会像魅力一样发挥作用。否则,请尝试在“src=”之后输入整个路径。只要您不将 JavaScript 文件从保存位置移走,这通常就可以工作。这看起来像<script type="text/javascript" src='C:\User\ (navigate through your files and folders to get to sign-up.js)'></script> 这个方法只是一个权宜之计;将 JavaScript 放在标签之间是最好的解决方案。



查看完整回答
反对 回复 2023-09-21
?
慕容3067478

TA贡献1773条经验 获得超3个赞

尝试像这样链接它们


<script src="sign-up.js"></script>

你的函数要这样重写


function signup(){

    let errorMessage = 'This website isnt finished yet, You cant signup';

   let error = document.getElementById('error') ;

   error.textContent = errorMessage;

    };

它已经过测试并且可以工作


查看完整回答
反对 回复 2023-09-21
?
杨__羊羊

TA贡献1943条经验 获得超7个赞

*clear the cookies and try running in a different browser.*
-hopefully it should work
  • 删除重复的选项卡扩展

  • 禁用 Chrome 扩展程序

  • 重置谷歌浏览器

  • 修复开发扩展时的 ERR_FILE_NOT_FOUND 错误


查看完整回答
反对 回复 2023-09-21
  • 4 回答
  • 0 关注
  • 92 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信