You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTML引入同目录外部Javascript文件无法执行问题求助

问题根因
  • 你直接双击打开HTML文件时使用的是file://本地文件协议,所有现代浏览器都有同源安全策略,禁止file://协议下加载同目录的外部本地脚本,这是你控制台报错not allowed to load local source的核心原因,属于浏览器通用安全限制,不是单个浏览器的问题。
  • 你之前搭建本地服务器后仍未生效,基本是操作错误导致:要么是服务器启动路径不是HTML/JS文件所在目录,要么是访问时仍然用file://协议打开本地文件,没有通过服务器分配的http://localhost:端口地址访问。
修复步骤
  1. 先修正HTML的结构错误(非核心问题,但避免引发后续渲染异常):<p>属于内容标签,不能放在<head>标签内,调整后的HTML代码如下:
<!doctype html>
<html>
<head>
   <script> document.write("this is working")</script>
</head>
<body>
   <p>this is working</p>
   <script src="test.js"></script>
</body>
</html>
  1. 按正确流程启动本地服务器访问,以Python为例:
  • 打开Windows命令提示符,通过cd 你的文件所在目录路径命令切换到HTML和test.js存放的文件夹
  • 若安装的是Python3,执行命令python -m http.server 8000;若为Python2,执行命令python -m SimpleHTTPServer 8000
  • 打开浏览器,在地址栏输入http://localhost:8000访问,不要直接双击打开HTML文件
  1. 完成上述操作后,外部test.js脚本就会正常执行,页面会输出对应的Hello World!内容。

内容的提问来源于stack exchange,提问作者daredevil

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 14:48:03