本文目录一览:
- 1、webstorm配置跳转js文件
- 2、web中的路径与跳转
- 3、如何使用js跳转代码
- 4、手机移动端web开发的时候为什么要用js跳转链接来代替a标签的跳转?
- 5、怎样在js怎样跳转到目标页面在java web 工程中并且将所需数据传到目标页面
webstorm配置跳转js文件
最近喜欢上了webstorm这款编辑器,因为它可以直接跳转到js文件,感觉非常的方便,但是当我开始写第二个项目的时候,这个功能却失效了,网上搜了一圈最终找到了解决方案,记录一下,方便自己以后查阅,具体配置步骤如下:
1、点击左上角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文件。
1、jsp页面使用,一般使用不到(没有意义)
2、servlet中使用
如何使用js跳转代码
javascript常用的页面跳转方法为:
window.location.href = some_url;
下面举例演示点击按钮后,延迟3秒跳转页面:
1、HTML结构
input type='button' value='延迟3秒跳转到百度首页' onclick="fun()"/
2、javascript代码
function fun(){
setTimeout(function(){
window.location.href = ""
},3000);
}
3、演示效果:
手机移动端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的值了