jsp引入js文件的问题

一、jsp引入js文件的问题

检查方法：将Js的内容写在当前的页面的<script></script>之间，看是否能够正常运行，如果不能，请核查代码

2)如果引入的代码在当前页面中能够正常运行，但当引入时不能正常运行，则有两种可能

B:引入的Js的编码格式与当前页面不匹配；

js的引入不外乎两种，相对路径与绝对路径

test.js与index.jsp放在同一文件夹下,比如: web应用/manage/下面

一般在学习时,一个tomcat上都跑多个工程,用工程名来区分

因为我的的URL是:工程名/manage/index.jsp

多了一个工程名,所以要加<%=request.getContextPath()%>

<scriptsrc="<%=request.getContextPath()%>/manage/test.js"></script>

第二种情况:

访问JSP文件时,用相对路径引入JS,CSS文件是OK的

真实项目中,一个tomcat上要是也跑了多个工程,并用IP来区分

url是这样的: 注意这里,是直接访问JSP文件,不是 servlet,不是struts.

test2.js与index.jsp放在同一文件夹下,下面用相对路径来引入 JS文件是OK的:

<script src=test2.js></script>

第三种情况:一个通过Action跳转之后到达的Jsp页面需要引入一个Js文件：

在第二情况的基础上,我们访问的是 servlet或是struts的action,再转发到 index.jsp

url是: ***.do或者 ***.action这里不是访问JSP文件了

<scriptsrc="/manage/test.js"></script>

test2.js前面一定要有/manage/

<scriptsrc="工程名/manage/test.js"></script>

这种方法推荐

在引入js时，我们应该养成良好的习惯，请使用绝对路径，在开发时，能够大大的提高自己的开发效率。

将两者的编码改为一致，一般我们可以修改JS文件编码使其与页面编码一致。

第二种方式是使用script标记的charset属性来显式指明所引入js文件的编码。如

<scriptsrc="xx.js"charset="gbk"></script>

这样无论页面是什么编码，都可以正常的访问这个JS中的内容。

这样无论页面是什么编码，都可以正常的访问这个JS中的内容。

相比之下，第二种可能更方便一些，而且作为一种好的习惯，平时我们应该尽可能都写上charset属性。

二、js中的$()的用法

1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。

比如：$("a")构造的这个对象，是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签。如：$("a").click(function(){...})

就是在点击页面上的任何一个链接时的触发事件。确切地说，就是jQuery用<a/>这个标签构建了一个对象$("a")，函数 click()是这个jQuery对象的一个（事件）方法。

2、$()可以是$(element)，即一个特定的DOM元素。如常用的DOM对象有document、location、form等。如这样一行代码：$(document).find("div>p").html());

$()中的document是一个DOM元素，即在全文寻找带<p>的<div>元素，并显示<p>中的内容。

3、$()可以是$(function)，即一个函数，它是$(document).ready()的一个速记方式。如常见的形式是这样的：

说到this，就不得不提到function，正是由于调用function的对象不同，才导致了this的指向不同。所以以前老是去记忆每种调用function的情况所对应的this，因为情况有限而且很少，所以这当然是可行的——对于聪明人来说。那么首先我们需要明确的一个事情是：function也是对象。

同时我们还需要明确的一个事情是：function执行时是在某个特定的上下文中执行的。比如你要console.log(a)，没有a就无法支持函数的执行，所以某种意义上讲，a就是上下文的一部分。函数执行时它也需要一些额外的信息来支撑它的运行。

既然function是对象的话，就会有方法。而function中最核心的方法是call方法，这也是理解this最关键的方法。

三、html5引入css的方法

HTML中引入css和js的方法

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

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

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

接下来用SublimeText打开HTML文件，写入HTML结构，如下图所示

然后我们在Head标签内用link标签引入CSS文件，如下图所示

最后用Script标签引入JS文件即可，如下图所示

html中如何导入css

1、使用链接式

linkhref="style.css"rel="stylesheet"type="text/css"/

导入式和链接式的目的都是将一个独立的css文件引入一个文件中，二者的区别不大，事实上，二者最大的区别在于链接式使用html的标记引入外部css文件，而使用导入式则是使用css规则引入外部css文件，因此它们的语法也不同。

采用这两种方式后的现实效果也略有区别。使用链接式时，会在装载页面主体部分之前装载css文件，这样现实出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件，

对于有的浏览器来说，在一些情况下，如果页面文件的体积比较大，则会出现先现实无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。

1、首先，下载html5开发软件IntellijIDEA，这个直接在百度搜索框中搜索即可。

2、打开软件，点击file，选择Newproject，在弹出的对话框中，选择staticweb选项中的html5，点击next，在新对话框中，输入项目名称，点击finish。

4、在body中添加一个元素h1，写上内容标题1，在css文件中设置标题1的颜色。

5、在html文件中，利用link标签，调用写好的css文件。

linkhref="style.css"rel="stylesheet“type=“text/css”/

CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。

h1style="color:red;"style属性的应用/h1

p?style="font-size:14px;color:green;"直接在HTML标签中设置的样式/p

实际在写页面时不提倡使用，在测试的时候可以使用。

h1style="color:red;"LeapingAboveTheWater/h1

pstyle="color:red;font-size:30px;"我是p标签/p

在style标签中书写CSS代码。style标签写在head标签中。

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表，有两种方式：链接式、导入式。

linktype="text/css"rel="styleSheet"?href="CSS文件路径"/

linkrel="stylesheet"type="text/css"href="css/style.css"/

2、先加载HTML结构在加载CSS文件。

行内样式内部样式外部样式(后两者是就近原则)

行内样式和内部样式比较优先级：

title行内样式和内部样式表的优先级/title

pstyle="color:red;"我是p段落/p

结论：行内样式优先级高于内部样式表。

内部样式表和外部样式表比较优先级：

title内部样式表和外部样式表的优先级/title

linkrel="stylesheet"type="text/css"href="css/style.css"/

title内部样式表和外部样式表的优先级/title

linkrel="stylesheet"type="text/css"href="css/style.css"/

结论：内部样式表和外部样式表使用就近原则，即谁写在下面以谁为准。

注意：导入式和链接式的优先级也是使用就近原则。

优先级：ID选择器类选择器标签选择器

h2id="a"class="b"222/h2!--绿色--

1、内联：在HTML标签内用style属性添加CSS，如：

spanstyle="font-size:12px"字体大小为12像素/span

2、外联：在HTML的head区块内用style.../style标签来添加CSS，如：

spanclass=zt字体大小为12像素/span

3、导入或链接：把CSS放入单独的文件，然后通过Import或Link连接到HTML内，如：

style@Importurl("main.css");/style

linkrel="StyleSheet"href="main.css"type="text/css"/