Angular 引入外部 js 文件的方法(引入 jQuery)

Angular 引入外部 js 文件的方法(引入 jQuery)

  1. 在 tsconfig.json 中设置允许使用外部 js,如下图
    在这里插入图片描述

  2. 下载 jQuery 文件拷贝到项目的目录:assets/lib 下(这里的 lib 是自己创建的目录)
    在这里插入图片描述

  3. 保证 angular.json 中有对于 assets 的声明
    在这里插入图片描述

  4. 调用方法:

    import * as ejs from 'src/assets/lib/jquery-3.4.1.js';
    console.log(ejs("body").height());
    
  5. 在 2019年8月13日 07:49:57 测试成功

JavaScript 和 Java 是两种不同的编程语言,它们通常在 Web 开发中协同工作,但不会直接关联。在浏览器环境中,.js 文件通常用于编写客户端脚本,而 .java 文件则用于服务器端或Android应用开发。 如果你是指在Java项目中引用JavaScript库(如jQuery、React等),常见的做法是在Java Servlets 或者 JavaFX 中通过HTML页面引入.js 文件。以下是一个简单的例子: 1. **在HTML中引入**: 在HTML文件的`<head>`部分添加`<script>`标签,链接外部的JavaScript文件: ```html <script src="path/to/your/javascript/file.js"></script> ``` 2. **通过JSP或Thymeleaf等模板引擎**: 如果你使用的是JSP或Thymeleaf这样的模板引擎,可以在`<head>`区域插入类似上面的JS链接,或者使用`<script>`元素动态插入。 3. **JavaWeb框架(如Spring MVC)**: 可以使用Spring MVC的`<script>`标签或Thymeleaf模板技术,动态地将JavaScript注入到响应中。 4. **Node.js与Java集成**: 使用Node.js作为服务端,你可以利用Express等框架,处理HTTP请求,并从Java发送数据给前端,中间通过JSON通信。 5. **Angular、React等现代框架**: 这些JavaScript库通常有自己的构建工具(Webpack、Rollup等),可以打包成单独的库文件供Java应用使用。 对于Java应用来说,它并不直接关联到JavaScript .js文件,而是通过网络通信交互。如果你需要两者之间的深度集成,例如使用Java调用JavaScript函数,这通常涉及到Server-Side Rendering(SSR)或使用像WebAPI之类的解决方案。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值