css样式js文件,html文件和css文件

如何在jsp文件中引入css和js文件

在jsp文件中引入css和js文件方法如下：

一：

1， 首先把写好的css样式表内容存为*.css格式。如style.css

2， 在页面中引入这个css 样式文件。用如下的方式引入。

link rel="stylesheet" href="./css/style.css" type="text/css"

此处的href=”./css/style.css”指的是css文件存放的路径。‘.’请示当前目录（就是与引入 css文件的jsp页面在同一目录）

二：

在jsp页面引入javascript文件与引入css样式文件类似。如下引入；

script language='javascript' src='js/TreeToc.js'/script

通过script标签的src属性。Javascript文件必须以.js这种形式存放。如上面的TreeToe.js，src属性指向javascript文件的路径。

相关问答

Q1: .net网页中的css样式如何写到JS文件里？写到JS文件里需要注意什么？

你可以在Js文件里这么写

document.write("style");

document.write("body{}");

...

...

再在页面里引入这个JS就可以了，没有什么特别要注意的，编写时细心点就好

Q2: JS修改CSS设置的样式

语法：元素.style.样式名=样式值

注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。需要将这种样式名修改为驼峰命名法：去掉-，然后将-后的第一个字母大写，比如 backgroundColor

我们通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示

但是如果在样式中写了!important，则此时样式会有最高的优先级，即使通过JS也不能覆盖该样式，此时将会导致JS修改样式失效

所以尽量不要为样式添加!important

语法：元素.style.样式名

通过style属性设置和读取的都是内联样式，无法读取样式表中的样式

语法:元素.currentStyle.样式名

如果当前元素没有设置该样式，则获取它的默认值

例如： box1.currentStyle.width

这个方法是window的方法，可以直接使用需要两个参数

第一个:要获取样式的元素

第二个:可以传递一个伪元素，一般都传null

该方法会返回一个对象，对象中封装了当前元素对应的样式

可以通过对象﹒样式名来读取样式

如果获取的 样式没有设置 ，则会获取到真实的值，而不是默认值

比如:没有设置width，它不会获取到auto，而是 一个长度

注意：通过currentStyle和getComputedstyle()读取到的样式都是只读的，不能修改,如果要修改必须通过style属性

参数：

obj 要获取样式的元素

name 要获取的样式名

Q3: 怎么在JS文件里调用css里的样式？

指的是alert出来的文字么，这个样式是有浏览器决定的，css控制不到哦。要想改变这些样式，可以自己排版一个弹出框。

Q4: 怎样把外部的 CSS样式和JS文件，导入DW软件中。

把外部的 CSS样式和JS文件，导入DW软件中，一般都是通过在DW中新建一个站点目录，然后在设置一个文件夹，为站点的根目录，然后在这个目录中有个js和css的文件夹，包涵着文件，然后在DW的站点中，就能看到JS、css文件了，可以看下步骤截图：

1.点击站点-》新建站点，填写好你的站点名字，文件路径

2.然后点击保存之后，这个目录下的所有文件就都导入进来了，这样就能到js和css文件了。

Q5: 笔记：JS设置CSS样式的几种方式

1、直接更改，比如：

xID.style.display = "block"; // 更改display属性，会覆盖css中的定义。

xID.style.display = "";      // 取消js更改display属性，以css样式为准。

这里的xID，是通过id获取的标签。当然，也可能是通过tagName之类的获取的标签。

这种方式，简单直接。但是要修改大量的样式的时候，不适合。所以，我更推荐第二种方式。

2、更改类名

xID.className = "xx   yy";

如果有多个类，就用空格隔开。前提，在样式中要有已有类的定义。比如这里的xx和yy类，在css中应该是写好的。

这种方式把所有的样式写在了css文件中，适合更改较多的样式以及炫酷的样式。js就只做一件事情：改类。至于这个类会把标签变成什么样子，交给css吧。

通过jquery也可以达到如上的效果：

$("#xID").css({

  fontSize:"12px",

  display:"block"

});  // 直接更改样式

$("#xID").addClass("xx");  // 增加删除类

$("#xID").removeClass("xx");