美文网首页
比较html中4种引用文件的方式

比较html中4种引用文件的方式

作者: buguge | 来源:发表于2020-03-04 22:08 被阅读0次

文件目录结构如下图


目录结构.png

dispatch-server.xml 配置静态资源路径:

<mvc:resources location="/static/" mapping="/aaa/**"></mvc:resources>

project context path :

Demo

那么,在启动本地tomcat后,

websocket.js静态资源文件位置是 http://localhost:8080/Demo/aaa/js/websocket.js

websocket.html 静态资源文件位置是 http://localhost:8080/Demo/aaa/websocket.html

此时,websocket.html中引用websocket.js 不同写法下引用的实际路径,见下表

引用方式 实际路径
<script src="./js/websocket.js"/> http://localhost:8080/Demo/aaa/js/websocket.js
<script src="js/websocket.js"/> http://localhost:8080/Demo/aaa/js/websocket.js
<script src="/js/websocket.js"/> http://localhost:8080/websocket.js
<script src="../js/websocket.js"/> http://localhost:8080/Demo/js/websocket.js

相关文章

  • 比较html中4种引用文件的方式

    文件目录结构如下图 dispatch-server.xml 配置静态资源路径:

  • CSS 基本使用

    引用CSS方式 内部引用 html文件中写一个 标签,并将样式写入到里面,举例: 外部引用 通过 标签实现,里面有...

  • jquery引用头部和底部组件

    html js header.html里面只包含Dom元素(div),无需引用js,css文件,均在页面中引用;

  • webpack配置图片和字体

    前端开发中在css代码和html文件中会需要引用图片进行展示,而css代码和html文件引用图片资源分别需要配置不...

  • Hmtl中使用Json获取数据

    1.在html中引用jquery和js文件,注意要把jquery文件写在上面,因为js文件中也引用了jquery文...

  • 如何在html文件中引用外部js文件

    1.在.html文件中先引用jQuery文件,再引用自己写的js文件。因为js文件用到了jQuery自定义插件。 ...

  • js 与 html杂记

    1. html中引入js 直接在html中添加 引用js文件路径 // 因为js代码加载需要时间所以建议将引用放在...

  • 模块--require.js

    html文件中的 标签中的代码或src引用的js文件中的代码是同步加载和执行的html文件中的 标签中的代码使用d...

  • 首屏加载速度优化

    1、JavaScript外联文件引用放在html文档底部;CSS外联文件引用在html文档头部,位于head内; ...

  • jquery提示$符号未定义

    在html文件中,引用js文件时同时路径已经是对的,那么要注意顺序,把引用jquery文件的语句放在上面。

网友评论

      本文标题:比较html中4种引用文件的方式

      本文链接:https://www.haomeiwen.com/subject/exrwlhtx.html