开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

函数在app.js中不起作用，但在index.html工作库中起作用

问题描述：函数在app.js中不起作用，但在index.html工作库中起作用。

解决方案：

确保函数在app.js中正确定义和导出：首先，检查app.js文件中的函数定义是否正确，并确保使用正确的语法和命名规范。另外，确保函数被正确导出，以便在其他文件中使用。
确保函数在app.js中被正确调用：检查在app.js中是否正确调用了该函数。确保函数被正确命名和调用，并且没有任何拼写错误或语法错误。
确保app.js文件被正确引入：在index.html文件中，确保正确引入了app.js文件。检查文件路径是否正确，并确保文件名拼写正确。
确保函数在正确的位置被调用：在index.html文件中，确保函数在正确的位置被调用。例如，如果函数应该在页面加载完成后被调用，可以将函数调用放在window.onload事件处理程序中。
检查浏览器控制台错误信息：在浏览器中打开开发者工具，查看控制台中是否有任何错误信息。如果有错误信息，根据错误提示进行修复。
清除浏览器缓存：有时候，浏览器缓存可能导致旧版本的app.js文件被加载，从而导致函数不起作用。尝试清除浏览器缓存，然后重新加载页面。
使用调试工具进行调试：使用浏览器的调试工具（如Chrome开发者工具）进行调试。通过在代码中设置断点，逐步执行代码，并观察变量的值和函数的执行情况，可以帮助找到问题所在。
参考腾讯云相关产品和文档：如果以上方法都无法解决问题，可以参考腾讯云相关产品和文档，了解更多关于云计算和前端开发的最佳实践和解决方案。腾讯云提供了丰富的云计算服务和工具，可以帮助开发者构建高效可靠的应用程序。

请注意，以上解决方案是一般性的建议，具体解决方法可能因具体情况而异。如果问题仍然存在，请提供更多详细信息，以便我们能够提供更准确的帮助。

相关搜索:ActiveSheet.Paste在工作簿事件中不起作用，但在模块中起作用 Ajax在Chrome中工作，但在Firefox和IE中不起作用 Flutter在命令行中工作，但在CMDER中不起作用 JQuery在chrome中工作，但在IE 11中不起作用 js替换函数在Snowflake UDF中不起作用(但在js预览器中工作良好)mysqldump命令在cmd中工作，但在python中不起作用 mySQL查询在PHPmyAdmin中工作，但在PHP文件中不起作用 Post请求在postman中起作用，但在javascript fetch函数中不起作用 RND查询在Access中工作，但在ASP中不起作用 Set-ItemProperty在PowerShell 5.1中工作，但在7.0中不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Angular JS + Express JS入门搭建网站

06

【译】开始学习React - 概览和演示教程

当我刚开始学习JavaScript的时候，我就听说了React，但我承认看了它一眼，它吓到我了。我看到了看起来一堆HTML和CSS的混合思想，这不是我们一直努力避免的事情吗？React有什么了不起的？

02

构建离线web应用（一）

本文由哔哩哔哩前端工程师墨白翻译分享我喜欢移动app，而且也是那些坚持使用Web技术构建移动应用程序的人之一。经过技术的不断迭代（可能还有一些其它的东西），移动体验设计愈来愈平易近人，给予用户

带你五步学会Vue SSR

SSR大家肯定都不陌生，通过服务端渲染，可以优化SEO抓取，提升首页加载速度等，我在学习SSR的时候，看过很多文章，有些对我有很大的启发作用，有些就只是照搬官网文档。通过几天的学习，我对SSR有了一些了解，也从头开始完整的配置出了SSR的开发环境，所以想通过这篇文章，总结一些经验，同时希望能够对学习SSR的朋友起到一点帮助。

01

前端的对决：React的JSX与Vue的templates

React.js和Vue.js是这个星球上最流行的JavaScript库。它们都很强大，相对来说很容易获取和使用。

02

styled-components不完全手册

大家好，我是「柒八九」。一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder

01

十三：自动生成HTML文件

为了实现这个功能，需要借助HtmlWebpackPlugin根据指定的index.html模板生成对应的 html 文件，还需要配合html-loader处理 html 文件中的

01

vue 构建 todo 项目系列1

todo 即个人事务管理项目，很适合 vue 练手，本系列课程将从零开始演示如何用 vue 构建一个简易的 todo 项目

03

前端模块化详解(完整版)

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会考虑使用模块化规范去管理。本文内容主要有理解模块化，为什么要模块化，模块化的优缺点以及模块化规范,并且介绍下开发中最流行的CommonJS, AMD, ES6、CMD规范。本文试图站在小白的角度，用通俗易懂的笔调介绍这些枯燥无味的概念，希望诸君阅读后，对模块化编程有个全新的认识和理解！

02

前端模块化详解(完整版)

上例子通过jquery方法将页面的背景颜色改成红色，所以必须先引入jQuery库，就把这个库当作参数传入。这样做除了保证模块的独立性，还使得模块之间的依赖关系变得明显。

03

Nodejs开发框架Express3.0开发手记–从零开始

转载请注明出处： http://blog.fens.me/nodejs-express3/ 程序代码已经上传到github有需要的同学，自行下载。 https://github.com/bsspi

九：CSS-Tree-Shaking

是滴，随着 webpack 的兴起，css 也可以进行 Tree Shaking：以去除项目代码中用不到的 CSS 样式，仅保留被使用的样式代码。

03

30分钟学会前端模块化开发

早期的javascript版本没有块级作用域、没有类、没有包、也没有模块，这样会带来一些问题，如复用、依赖、冲突、代码组织混乱等，随着前端的膨胀，模块化显得非常迫切。

05

what is 模块化?

将一个复杂的程序按照一定的规范，封装成几个块(文件)，并进行组合在一起。这些模块，最好都做到可复用性，比如可以在多个文件中使用处理时间的模块。

03

使用Vue.js和Axios从第三方API获取数据 — SitePoint

本文转载自使用Vue.js和Axios从第三方API获取数据 — SitePoint 原文链接： www.sitepoint.com，本译文的链接地址：使用Vue.js和Axios从第三方API获取数据 — SitePoint，Github上面本项目的源代码链接为：vuejs-news，本文中的纽约时报API的API秘钥申请有些问题，访问不了。通常情况下，在构建 JavaScript 应用程序时，您希望从远程源或从API获取数据。我最近研究了一些公开的API，发现可以使用这些数据源完成很多很酷的东西。

02

开发一个渐进式Web应用程序（PWA）前都需要了解什么？

自苹果推出了iPhone应用商店以来，App成为了我们生活中不可或缺的一部分，而对于实体业务也是如此，现在各行业都在推出自己的App，但有没有人想过这样一种场景，如果自己的潜在客户还没有安装你的App亦或是即便安装但因为客户的手机存储空间紧张而卸载掉了你的App？那有没有使App更轻量，更易安装的技术实现呢？答案是“有的”。

02

基于Github issues + umi 搭建一个免费的带评论功能的博客(二)

上一篇文章我主要介绍了什么是Github App，以及如何利用GitHub App为我们的repository进行授权，解决了博客的数据存储和获取，那么这篇文章我将着重介绍博客搭建过程中用到的前端技术。

01

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器，从IE 6 到最新的谷歌Chrome。在开发期间，我们建议你使用下面这些浏览器，以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome，花点时间去下载它吧，然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器，仍然强烈建议你在开发的时候能有一个，因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器，建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache，你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ，你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿，查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同，但是如果你使用的是 Apache，你一般会在：

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装，将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了，代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的，但是可以作为最佳实践指南考虑，以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构：

- appname

- app

- namespace

- Class1.js

- Class2.js

- ...

- extjs

- resources

- css

- images

- ...

- app.js
04

【译】框架与库的差异

比如，你有一个处理字符串的程序。你决定保持你代码的DRY（don't repeat yourself），然后编写像下面可复用的功能代码：

02

框架与库的差异

比如，你有一个处理字符串的程序。你决定保持你代码的DRY（don't repeat yourself），然后编写像下面可复用的功能代码：

04

告别繁琐的D3代码：这款可控、可自定义的D3图表库，更轻量、更简单！

大家注意：因为微信最近又改了推送机制，经常有小伙伴说错过了之前被删的文章，或者一些限时福利，错过了就是错过了。所以建议大家加个星标，就能第一时间收到推送。

01

webpack实战——JS打包工具

前面篇章叙述了关于webpack的许多内容，从入门，打包第一个模块，到进阶，最后到本地、生产及打包的优化。本篇则提及一下在JavaScript社区中另外的一些类似的打包工具，它们有的更加轻量、简洁，有的则更专注于某类特定场景等。通过了解这些，希望会有助于我们开发时从更多的角度和方向来认识打包工具及其发展，进而选用更加适合我们项目的打包工具。

02

十二：处理第三方JavaScript库

项目做大之后，开发者会更多专注在业务逻辑上，其他方面则尽力使用第三方JS库来实现。

03

nodejs基础和核心api

前端关心的是浏览器的bom和dom。node关注的是操作系统（fs，net，database，buffer，event，os）

03

webpack从0到1构建

webpack是一个静态打包工具，根据入口文件构建一个依赖图，根据需要的模块组合成一个bundle.js或者多个bundle.js,用它来展示静态资源

01

《Node.js+Express+Vue项目实战》-- 1.安装和使用Express（笔记）

Express 是一个精简、灵活的 Node.js 的 Web 应用程序开发框架，为 Web 和移动应用程序提供了一组强大的功能，使用 Express 可以快速地开发一个 Web 应用。

01

AngularDart4.0 英雄之旅-教程-02启动应用

码云项目页：https://gitee.com/scooplolwiki/toh-0

02

webpack入门指南

1. 导语 github仓库 https://github.com/Rynxiao/webpack-test 1.1 什么叫做webpack webpack is a module bundler. webpack takes modules with dependencies and generates static assets representing those modules. 简单的概括就是：webpack是一个模块打包工具，处理模块之间的依赖同时生成对应模块的静态资源。 1.2 web

04

nodejs之Express框架初体验

在前面Node基础中我们学习了 Node.js 中的 http 模块，虽然知道使用 Node.js 中的 http 模块是可以开发 Web 应用的，处理静态资源，处理动态资源，请求分发（路由）等等，也可以让开发者对 HTTP 协议的理解更加清晰，但是使用起来比较复杂，开发效率低。

03

如何在webpack中设置favicon--webpack入门教程（四）

本文主要想介绍前端webpack打包中，与favicon图标相关的配置。包括在html-webpack-plugin中设置favicon，和自定义favicon的打包路径两个方面。本文的demo基于我之前关于webpack的一篇文章，可以移步：超详细！webpack入门教程(一)

React目录结构详细解析

每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。

04

Vue+Koa2 前后端分离项目线上部署

昨天尝试部署一个 Vue+Koa2 的前后端分离项目，没想到因为前端项目部署的问题，卡了一整天，今天才终于找到了问题所在，成功解决。这篇文章主要谈谈：

03

IdentityServer（13）- 添加JavaScript客户端

这个快速入门将展示如何构建一个JavaScript客户端应用程序。用户将登录到IdentityServer，使用IdentityServer发出的访问令牌调用Web API，并注销IdentityS

04

Vite入门从手写一个乞丐版的Vite开始（下）

上一篇Vite入门从手写一个乞丐版的Vite开始（上）我们已经成功的将页面渲染出来了，这一篇我们来简单的实现一下热更新的功能。

03

React脚手架

react脚手架: 用来帮助程序员快速创建一个基于react库的模板项目，包含了所有需要的配置（语法检查、jsx编译、devServer…），下载好了所有相关的依赖， react提供了一个用于创建react项目的脚手架库: create-react-app，项目的整体技术架构为: react + webpack + es6 + eslint，使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。

02

React 安装

实例中我们引入了三个库： react.development.min.js 、react-dom.development.min.js 和 babel.min.js：

01

微信小程序教学第二章：小程序中级实战教程之预备篇 - 项目结构设计｜基于最新版1.0开发者工具

07

借助Babel 7和Webpack构建React Toolchain

React不是完全开箱即用的。它使用了一些最近node才支持的关键字和语法（在本教程中我使用了v 9.3.0版本）。因此需要一些很麻烦的设置，但是Facebook为此提供了一个可以轻松创建React应用的方案。这听起来不错，那我为什么要说这一点呢？

04

webpack学习简单总结

webpack使用总结：入门使用：这个报错说明需要安装相应的Loader,并在引用时指定相应的loader 执行成功如图： chunk指相应的区块。要是css引入正确：必须引入css-loade

06

初次使用AngularJS中的ng-view,路由控制

AngularJS中的route可以控制页面元素的改变，使多页面变成一个单页面第一步：引入必要的js： <script src="js/lib/angular.js"></script> <script src="js/lib/angular-animate.min.js"></script> <script src="js/lib/angular-route.min.js"></script> <script src="app.js"></script> 第二步：准备好一个单页： <body ng-a

08

【One by One系列】IdentityServer4（五）创建JavaScript客户端

按照OAuth2.0的4种授权方式，接下来应该介绍隐藏式（implicit）,与之对应的OpenId Connect Flow的Implicit Flow，但是IdentityServer4官方最新文档没有明言，只是给了Adding a JavaScript client的章节，而且根据内部代码实现，还是采用的授权码，并没有使用Implicit Flow保护SPA,虽然不知道原因，但是我们还是按照官方最新文档的来介绍，在之前的文档，一个版本号为relase的文档，有Implicit Flow的介绍，感兴趣的童鞋，可以读一下，最新的文档编号是latest，从应用的实际代码比较，差别并不大，唯一的差别可能就是原理，但是不去抓包查看相关报文，并无法感觉。

01

SpringBoot配置默认访问页面

相信在开发项目过程中，设置默认访问页面应该都用过。但是有时候设置了却不起作用。你知道是什么原因吗？今天就来说说我遇到的问题。

03

webpack基础

不过大概了解了一点内容。感觉webpack一个打包工具非常类似于一个编译器，将一个文件，转换为另外一个文件。

02

Express 配置HTML页面访问

Express默认的模板引擎是pug（jade），想要渲染html页面必须要导入对应的模板引擎ejs

02

前端-手摸手，带你用合理的姿势使用webpack4（下）

webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 optimization.splitChunks。

03

webpack 4 入门

写这篇文章是为了让自己在自学 webpack 的过程中有所产出，于是边读 webpack 中文文档边写下了这篇文章，里面的很多实例都是直接挪用的文档中的实例，但在一些概念的理解上我加入了自己的想法「未必精确」，所以读的时候要抱着「怀疑的态度」。

02

将多页面框架中的 index 页面改成单页面应用框架

本文基于“基于create-react-app构建多页面应用框架”项目框架，将其中的 index 页面改成单页面应用框架。

05

Mobile first! Wijmo 5 + Ionic Framework之：Hello World！

本教程中，我们用Wijmo 5 和 Ionic Framework实现一个Mobile的工程:Hello World。 Ionic是什么？ Ionic是一个HTML5框架、免费、开源，用于帮助生成hybird mobile Apps (混合移动应用)。 Ionic包含3部分： CSS 样式：用于渲染Web页面，使得页面更接近原生移动应用 (Native App)。 AngularJS：Ionic使用AngularJs的扩展指令作为核心框架库，同时AngularJs也加快了开发过程。 Apache Cordo

06

AngularJS in Action读书笔记1——扫平一揽子专业术语

前（fei）言(hua): 　　数月前，以一个盲人摸象的姿态看了一些关于AngularJS的视频书籍，留下了我个人的一点或许是指点迷津或许是误人子弟的读后感。自以为已经达到熟悉ng的程度，但是因为刚入公司，没法直接接触代码层面的编程，日子一天天过去，ng在我脑海的残留也一天天的模糊…… 　　数月后，我重返ng战场，艰难的收集之前留下的记忆碎片，一番拼接下来，没有让我对ng的理解串成一条线，反而支离破碎的片段scope、template、directive、controller、config、factory、

07

十五：开发模式与webpack-dev-server

借助webpack，在开发模式下我们可以使用热重载、路由重定向、代理服务器等功能，而source-map更是准确定位代码错误的利器。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭