怎么引入js和css,js需要引入吗

发布时间：2023-12-08

怎么引入js和css,js需要引入吗

更新：2022-11-22 01:17

本文目录一览：

1、怎么在页面里引入bootstrap的css和js文件
2、用js文件怎么引入其他js文件和css文件
3、ES6 如何引入js css等问题
4、HTML中引入css和js的方法
5、html页面中怎么获取项目根目录和引入js和css？

怎么在页面里引入bootstrap的css和js文件

在页面里引入bootstrap的css和js文件有下面两种方法 方法一： 首先得把boostrap下下来； <link type="text/css" rel="stylesheet" href="boostrap.min.css"> 这个是引入css文件 <script type="text/javascript" src="boostrap.min.js"></script> 这个是引入js文件 方法二：

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

CDN引入（css）

<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

CDN引入（js）

注意：引用之前要先引用jquery才可以用它的js文件

用js文件怎么引入其他js文件和css文件

方法一，在调用文件的顶部加入下例代码：

document.write("<script language='javascript' src='/js/import.js'></script>");

(注：有时你引用的文件还可能需要引用其他的js，我们需要将需要的那个js文件也以同样的方法引用进来) 方法二，通过中间界面对js进行应用 就是我们可以在某个html中引用了你需要的js文件，我们可以通过拿到那个html文件的对象，然后在通过这个对象去引用js的方法。 （一般不常用） 方法三：在将下边代码放入Body中：

new_element = document.createElement("script");
new_element.setAttribute("type", "text/javascript");
new_element.setAttribute("src", "import.js");
document.body.appendChild(new_element);

我们来分析一下关键的几句代码： 首先，我们利用 document.createElement("script") 生成了一个script的标签，设置其 type属性为 text/javascript，src为 import.js (这里的1.js同2.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。

注意：<script language="JAVASCRIPT" src='1.js'></script> 一定要放在body下面。 因为在2.js中用到了body（document.body.appendChild(new_element);） 如果将引如2.js的代码放在body上面，也就是说， 进入页面后，还没有生成body就已经执行 b.js 里的 document.body.appendChild(new_element); 了。 这时body不存在就会抛JavaScript错误。

ES6 如何引入js css等问题

在ES6 中有了 export default 和 module.exports 等导出的概念了 自然有了 import 和 require 引入的解决方法 require 同样也可以引入css和js

HTML中引入css和js的方法

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。 工具/材料

  • Sublime Text 01 首先新建一个文件夹，在文件夹下面建立如下图所示的文件 02 接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示 03 然后我们在Head标签内用link标签引入CSS文件，如下图所示 04 最后用Script标签引入JS文件即可，如下图所示

html页面中怎么获取项目根目录和引入js和css？

<script src="../../../../../scripts/***.js"></script>

除了如上边那种用多个父路径外还有没有别的方法直接获取项目跟路径。获取项目根目录 在jsp里用 <%=request.getContextPath()%> 这就是项目的根路径了，是到项目这层的。 js的引入方法如下：

<script src="<%=request.getContextPath() %>/home/test.js"></script>

css的引入方法：

<link href="<%=request.getContextPath() %>/css/one.css" rel="stylesheet" type="text/css">

JS获取项目根路径，如：

getRootPath: function () {
    // 获取当前网址，如：
    var curWwwPath = window.document.location.href;
    // 获取主机地址之后的目录，如： /ems/Pages/Basic/Person.jsp
    var pathName = window.document.location.pathname;
    var pos = curWwwPath.indexOf(pathName);
    // 获取主机地址，如：
    var localhostPath = curWwwPath.substring(0, pos);
    // 获取带"/"的项目名，如：/ems
    var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
    return (localhostPath + projectName);
}
推荐文章