前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeError: url.indexOf报错解决

TypeError: url.indexOf报错解决

作者头像
Damon小智
发布2024-02-03 09:42:16
1890
发布2024-02-03 09:42:16
举报
文章被收录于专栏:全栈文档库全栈文档库

JavaScript是一种常见的前端脚本语言,用于前端必要的逻辑编写。在网页系统开发中,开发者难免会遇到一些JavaScript文件报错的问题,JavaScript的运行报错可在浏览器中F12的控制台里看到,本篇将介绍如何解决JavaScript的TypeError: url.indexOf is not a function报错。

谷歌浏览器(其他浏览器也可以)运行JavaScript报错的网站,点击F12进入控制台,查看这次的报错,发现为 TypeError: url.indexOf is not a function 错误。

indexOf1 - TypeError: url.indexOf报错解决
indexOf1 - TypeError: url.indexOf报错解决

接下来,我们来寻找报错的源头。报错行一共6行,其中第1、5、6行为jquery-3.3.1.js包的报错,因为这是官方js包已经被无数人检验过,我们可以直接排除这三行出错的可能。第3、4行是我们自己写的网页,先排除网页内JavaScript的语法错误,根据报错的内容找到ajaxfileupload.js文件的第180行(也就是控制台提示错误的第2行),这就是错误的源头。

indexOf2 - TypeError: url.indexOf报错解决
indexOf2 - TypeError: url.indexOf报错解决

打开ajaxfileupload.js,找到报错的第180行。

indexOf3 - TypeError: url.indexOf报错解决
indexOf3 - TypeError: url.indexOf报错解决

发现报错的原因是 .load() 函数的语法已经被更新了,.load() , .error() , .unload() 在jquery1.8版本之后已经不在支持,无法继续使用。

indexOf4 - TypeError: url.indexOf报错解决
indexOf4 - TypeError: url.indexOf报错解决

修改这行代码,使用 .on(“load”,function(){内容}) 来代替 .load()

indexOf5 - TypeError: url.indexOf报错解决
indexOf5 - TypeError: url.indexOf报错解决

再次运行网页,发现控制台的报错消失了,JavaScript报的 TypeError: url.indexOf is not a function 错误解决。

Damon_Liu

Damon, Chinese, Liu Guangzhi, Software development engineer, CSDN quality creator, Ali Cloud expert blogger, Microsoft Technology Associate, Good at C#, Java, PHP, Python, etc, Love sports, Workaholic, Communist.

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-7-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档