本文目录一览:
- webstorm配置跳转js文件
- web中的路径与跳转
- 如何使用js跳转代码
- 手机移动端web开发的时候为什么要用js跳转链接来代替a标签的跳转?
- [怎样在js怎样跳转到目标页面在java web 工程中并且将所需数据传到目标页面](#怎样在js怎样跳转到目标页面在java web 工程中并且将所需数据传到目标页面)
webstorm配置跳转js文件
最近喜欢上了webstorm这款编辑器,因为它可以直接跳转到js文件,感觉非常的方便,但是当我开始写第二个项目的时候,这个功能却失效了,网上搜了一圈最终找到了解决方案,记录一下,方便自己以后查阅,具体配置步骤如下:
- 点击左上角File - settings
web中的路径与跳转
绝对路径:
绝对路径就是文件或目录在硬盘上真正的路径,例如: C:\xyz\test.txt 代表了test.txt文件的绝对路径。还有 也是绝对路径。
相对路径:
相对与某个基准目录而言的路径。
其一,在jsp和servlet中, /
代表web应用的根目录(以web应用为基准),如 /login.jsp
代表了 localhost:8080/myBlog/login.jsp
。
其二,在html中, /
代表服务器的根目录(以web服务器为基准),/login.jsp
代表 localhost:8080/login.jsp
。
其三,参照物理路径的相对表示。例如: ./
代表当前目录,../
代表上级目录。这种类似的表示,也是属于相对路径。
在jsp中,因为其包裹了html,大多数情况下我们是要写html里面的路径。使用相对路径,因为没有意义也无法取得绝对路径。
使用表单时,要提交给 servlet 进行处理,使用相对路径:
这里的 <%=request.getContextPath()%>
的值为:/webapp
。
一般情况下,在JSP/HTML页面等引用的CSS, Javascript, Action等属性前面最好都加上 <%=request.getContextPath()%>
,以确保所引用的文件都属于Web应用中的目录。
无论是表单的 form
还是css、js的引入路径,都应该尽量避免使用类似 .
、./
、../../
等类似的相对该文件位置的相对路径,否则当文件移动时,很容易出问题。
在servlet中,我们经常要将请求转发或者重定向到另一个地方。我们只能使用相对路径。
使用 request.getRequestDispatcher(address)
进行请求转发,或者是 sendRedirect
:response.sendRedirect(address)
进行重定向。
注意: 在这里,请求转发是相对于服务器而言,因此其
/
代表了/webapp
;而重定向是相对于客户端而言,因此其/
代表了localhost
。 使用getRealPath()
来获取完整的物理路径,主要是在 servlet 中经常需要使用。 下面的3个例子,是在jsp页面中使用举例。 这里,/
代表了web应用的根目录。 当path为/
时,代表的是web应用;当path为/toPost/post.jsp
时,代表的web应用下的某一个文件;当path为request.getRequestURI()
时,代表发出请求的jsp文件。
- jsp页面使用,一般使用不到(没有意义)
- servlet中使用
如何使用js跳转代码
javascript常用的页面跳转方法为:
window.location.href = some_url;
下面举例演示点击按钮后,延迟3秒跳转页面:
- HTML结构
<input type='button' value='延迟3秒跳转到百度首页' onclick="fun()"/>
- javascript代码
function fun() {
setTimeout(function() {
window.location.href = "https://www.baidu.com";
}, 3000);
}
- 演示效果:
手机移动端web开发的时候为什么要用js跳转链接来代替a标签的跳转?
如果在一个 <a>
标签内包含一个 target
属性,浏览器将会载入和显示用这个标签的 href
属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。
框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
使用框架的坏处:
- 开发人员必须同时跟踪更多的HTML文档
- 很难打印整张页面
框架结构标签(frameset)
- 框架结构标签(frameset)定义如何将窗口分割为框架
- 每个 frameset 定义了一系列行或列
- rows/cols 的值规定了每行或每列占据屏幕的面积 对页面进行划分区域
框架标签(Frame)
Frame 标签定义了放置在每个框架中的 HTML 文档。
如果在一个 <a>
标签内包含一个 target
属性,浏览器将会载入和显示用这个标签的 href
属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。
框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
使用框架的坏处:
- 开发人员必须同时跟踪更多的HTML文档
- 很难打印整张页面
框架结构标签(frameset)
- 框架结构标签(frameset)定义如何将窗口分割为框架
- 每个 frameset 定义了一系列行或列
- rows/cols 的值规定了每行或每列占据屏幕的面积 对页面进行划分区域
框架标签(Frame)
Frame 标签定义了放置在每个框架中的 HTML 文档。
怎样在js怎样跳转到目标页面在java web 工程中并且将所需数据传到目标页面
request.setAttribute("page", page);
第一个 page
是String类型,是为键,第二个 page
是值,也可以是String类型,或者其他类型。然后再用:
request.getRequestDispatcher("页面路径");
这样这个 page
值就传到指定的页面了。在页面里面用EL表达式 ${page}
就取到值了,如果 page
里有 age
属性,再 ${page.age}
就是 age
的值了。