同一个脚本放在 body 里面可以运行 放到外部 js 文件报错

[AmrtaShiva]

• 前端基本不懂 也没用框架
• 一个脚本在 Body 里面可以正常运行

function jinshen() {
    var request = new XMLHttpRequest();
    request.onreadystatechange = function () {
        if (request.readyState === 4 && request.status === 200) {
            var info = request.responseText;
            var js = JSON.parse(info);

            var j1 = js.JinShen1;
            var j2 = js.JinShen2;
            var j3 = js.JinShen3;
            var jinsheninfo = j1 + "<br>" + j2 + "<br>" + j3;

            var p = document.getElementById("y1");
            p.innerHTML = jinsheninfo;

        };
    };
    // 发送请求:
    request.open('POST', '/xxx', true);
    request.send();
}

• 放到外部 js 文件目录里面就报错

xxx:15 Uncaught ReferenceError: jinshen is not defined
    at HTMLButtonElement.onclick (xxx:15)

• 也会这样报错

Uncaught SyntaxError: Unexpected token '<'


• 网上搜了一下也找不出个所以然来 这问题原因出在哪里呢？

[AmrtaShiva]

@ljpCN
func main() {
flag.Usage = func() {
fmt.Println("usage ccal-web -l port")
flag.PrintDefaults()
}
p := flag.Int("l", 9090, "")
flag.Parse()

fmt.Println("https://github.com/Aquarian-Age/ccal-gui/tree/master/web 下载 webUI 页面")

http.HandleFunc("/", home)
http.HandleFunc("/ccal", yiJi)
http.HandleFunc("/today", todayInfo)
http.HandleFunc("/jz60", selectlist)

port := fmt.Sprintf(":%d", *p)
err := http.ListenAndServe(port, nil)
if err != nil {
log.Fatal("ListenAndServe: ", err)
}
}
yiji.js 文件请求的竟然是主页页面 而不是 ccal 页面.....

[mostkia]

Uncaught SyntaxError: Unexpected token '<'
这个报错有时候可能是你引用的 js 包的 src 地址为空导致的。建议检查一下看看有没有引用外部的 script 标签里的 src 是空的，这个错误没法靠调试查出问题

[mywaiting]

同一个脚本放在 body 里面可以运行 放到外部 js 文件报错

不看代码，盲猜你的这段 JS 代码应该使用 DOMContentLoaded 事件在页面加载完成再触发

简单点就是把你的这个函数放 window.onload = function(){ xxxxxxxxxxxxx } xxxxx 就是你的代码

[mx1700]

外部引用的 script 标签内部不要放任何东西，其他 js 再写一个没有外部引用的 script 标签放进去

[cw2k13as]

Content-Type: text/html; charset=utf-8 ；你这个有点问题吧

[cw2k13as]

@cw2k13as network 》 yiji.js 》 response 里面看看返回的什么

[JerryCha]

1. 先调试一下路由，确保确实能请求到 js 文件
2. 保证 js 脚本在页面加载完成后运行

[AmrtaShiva]

@cw2k13as 29 楼已经写了

[AmrtaShiva]

@JerryCha 两个没发现问题 因为就一个路由

[AmrtaShiva]

@mx1700 没看懂😂

[mx1700]

<script type="text/javascript" src="js/yiji.js">这里不要放任何东西</script>

[WishMeLz]

script 标签在使用外链的时候，里面别放东西，在写一个 script 标签。顺序也很重要

[ljpCN]

@AmrtaShiva 那应该的确是你的请求路径有问题，web 服务器找不到于是 fallback 到 index.html 了。最好找个身边的人现场帮你看吧，这样排查效率太低了。

[AmrtaShiva]

@ljpCN 我只能在这里问了 谢谢你的回复

[zhoushiya]

script 既然已经外链了，怎么<script></script>之间还写 js 代码？

[ciddechan]

window.onload 后执行

[AmrtaShiva]

@JerryCha main 函数 http.HandleFunc("/ccal", yiJi) 改为 http.HandleFunc("/yiji", yiJi)之后打开浏览器还是请求到了 http://127.0.0.1:9090/ccal 的页面....这是路由不对了?

[AmrtaShiva]

@AmrtaShiva 上面这个原因找到了 是 home.html 里面定义了跳转链接 把这个跳转链接写成 ccal 了 脚本外部执行问题还是不行

[AmrtaShiva]

@zhoushiya 那个是之前写的 因为不知道原因在那儿 而且这方面也不懂 就一边琢磨一边看

[source]

xxx:15 Uncaught ReferenceError: jinshen is not defined
body 中能跑，外部引用 js 报错，这个应该是因为执行顺序的问题，外部 js 脚本需要 html 解析完后才开始请求，此时 onclick 绑定的 jinshen 方法还没有声明，解决方法参考 @mywaiting #23 @ciddechan #36 在你的业务代码外部包 onload 即可。

Uncaught SyntaxError: Unexpected token '<'
语法解析错误没法精确定位，但是根据描述，可能是服务端没有正确返回请求的 js，返回了一个兜底的 html 。需要你手动排查一下。

<script type="text/javascript" src="js/yiji.js">// 业务代码 balabala</script>
script 标签不要同时指定 src 属性又在内部书写 js 代码，这种情况下，内部代码会被直接忽略。