js引入路径的坑

引入script标签,同级目录下也要 ./
上代码

<script type="text/javascript" src="./newte.js"></script>

在这里插入图片描述

### 如何在 HTML 中使用绝对路径引入 JavaScript 文件 当在 HTML 页面中使用绝对路径引入 JavaScript 文件时,可以通过 `<script>` 标签的 `src` 属性指定完整的 URL 地址。这种方式适用于目录结构固定的情况,因为一旦项目部署到不同的环境或服务器上,可能需要调整这些路径。 #### 使用 HTTP/HTTPS 协议前缀的方式 可以直接利用网络上的资源地址作为 `src` 的值: ```html <script src="http://example.com/path/to/script.js"></script> ``` 这种做法能够跨域加载脚本文件,但需要注意的是,在现代浏览器的安全策略下,通常建议采用 HTTPS 来防止中间人攻击并确保安全连接[^2]。 #### 应用服务器根目录下的路径 对于本地的应用程序来说,可以从网站根目录开始定义路径,即以斜杠 `/` 开始书写路径名: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- 从站点根目录加载JavaScript --> <script type="text/javascript" src="/assets/js/main.js"></script> </head> <body> </body> </html> ``` 这里假设应用程序已经配置好了一个名为 `/assets/js/` 的静态资源访问路径,并且其中包含了要使用的 `main.js` 文件。 #### 注意事项 - **安全性考虑**:尽可能使用 HTTPS 而不是 HTTP 加载外部 JS 文件。 - **性能优化**:合理规划文件位置以便于缓存机制发挥作用;减少不必要的请求次数。 - **兼容性测试**:不同浏览器对路径解析可能存在差异,务必进行全面测试验证功能正常运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值