`
jafisher
  • 浏览: 56742 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

页面跳转方式

 
阅读更多
web前端开发中,经常使用到页面跳转,下面是使用过的几种常用的跳转方式。

1.html跳转,通过<a>标签,
<a href="www.xxx.com" target="_self">链接</a>

,其中target共有4种模式:
1)_self,默认方式,在当前窗口跳转
2)_blank,跳转到新窗口
3)_parent,在当前父窗口跳转
4)_top,在当前顶级窗口跳转

2.js跳转,js跳转能控制的属性要比html直接跳转要更多。
window.location.href = "www.xxx.com";

location其实还有N种属性,可以控制页面的位置等信息,但这种方式好像没法跳转到新页面上。
window.open('www.xxx.com', '_self');

第二个参数和html跳转中的target模式一样,也是有4种方式,同时,open函数也带有N种属性。

3.此外,js中还可以记录页面跳转的历史,通过历史访问顺序来控制:
window.history.back();
window.history.go();
window.history.forward();
分享到:
评论

相关推荐

    C#中所有页面跳转方式

    ### C#中页面跳转方式详解 在C#与ASP.NET开发中,页面跳转是一项基本而重要的功能,它能够帮助开发者实现应用内的导航逻辑。本文将详细介绍C#中的几种页面跳转方法,并针对每种方法的特点进行分析,以便开发者可以...

    适合初学者的UI界面,包含三种跑马灯的实现方式,多种页面跳转方式,以及事件监听

    总的来说,这个资源包为初学者提供了一个全面学习UI界面设计的机会,通过三种跑马灯效果的实现、多种页面跳转方式的探索以及事件监听的实践,不仅可以提升编程技能,还能培养良好的用户体验设计思维。在学习过程中,...

    uniapp日常总结-uniapp页面跳转方式

    uniapp日常总结--uniapp页面跳转方式

    php页面跳转的方式

    JavaScript 也是一种常用的页面跳转方式。例如,此代码可以放在程序中的任何合法位置: ` $url = "http://www.guanwei.org"; echo "&lt;script language='javascript' type='text/javascript'&gt;"; echo "window....

    jsp页面的五种跳转方式

    本文将详细介绍 JSP 中五种常用的页面跳转方式及其应用场景。 #### 1. RequestDispatcher.forward() **概念**:`RequestDispatcher.forward()` 是一种服务器端内部转发机制,用于将当前请求转发到同一个 Web 应用...

    JS页面跳转和js对iframe进行页面跳转、刷新

    ### 一、JS页面跳转方式 #### 1. `window.location.href`方式 这是最常见的页面跳转方法,通过改变`window.location.href`属性来重定向浏览器到新的URL。 ```javascript window.location.href = ...

    ASP.NET页面跳转

    最基础的页面跳转方式是通过HTML的`&lt;a&gt;`标签,它通过`href`属性指定目标页面的URL。例如: ```html 点击跳转 ``` 这种方式适用于简单的页面跳转需求,但不支持服务器端逻辑处理。 #### 2. 使用`HyperLink`控件 `...

    js方式的页面跳转

    通过上述介绍可以看出,不同的页面跳转方式各有特点,选择哪种方式取决于具体的应用场景。例如,在需要保持历史记录的情况下,可以使用 `window.location.href`;而当需要避免用户误操作返回至表单填写页面时,则...

    js实现页面跳转的几种方式

    另一种简单的页面跳转方式是通过修改`self.location`来实现,如下所示: ```javascript self.location = 'top.htm'; ``` 这行代码同样会将当前窗口导航到`top.htm`页面。与`window.location.href`类似,但它...

    ios storyboard页面跳转演示

    总之,“ios storyboard页面跳转演示”这个示例涵盖了iOS开发中常见的页面跳转方式,对于初学者和有一定经验的开发者来说,都是很好的学习和参考资料。理解并熟练掌握这些跳转方式,有助于提升应用的用户体验和代码...

    iOS简单页面跳转

    但对初学者来说,掌握上述基本的页面跳转方式已经足够应对大部分需求。 在这个"页面跳转ByXib"的例子中,你将学习如何在Xib文件中创建 segue 并设置触发条件,同时理解如何在代码中处理页面间的数据传递。这个练习...

    Flex页面跳转.txt

    **navigateToURL**是一种常用的外部页面跳转方式,可以实现浏览器级别的导航。 ##### 实现步骤: 1. **创建URLRequest对象**:首先创建一个URLRequest对象,并设置目标URL。 ```as3 var url:String = ...

    页面跳转和数据传递

    在Web开发中,页面跳转...在实际开发中,开发者会根据需求选择合适的页面跳转方式和数据传递机制,确保用户体验的流畅性和数据的安全性。同时,考虑到性能、安全、兼容性等因素,合理地组合使用这些技术是非常必要的。

    JSP页面的跳转方式汇总

    表单提交是一种常见的页面跳转方式,可以通过GET或POST方式提交数据。例如: ```html 提交"&gt; ``` 这里使用了POST方法提交表单数据。POST方法适合传输大量数据或敏感信息,因为它不会显示在URL中,而GET方法则...

    android两种方式页面跳转的下例子

    这里我们主要探讨两种常见的页面跳转方式:直接跳转和携带结果跳转,并介绍如何实现这两种方法。这两种方式都是基于Intent对象来完成的。 首先,我们来看直接跳转,也称为无结果跳转。在Android中,你可以使用`...

    jsp实现页面跳转的方法

    为了更直观地理解这两种页面跳转方式的区别,我们来分析题目中给出的示例。 **实例一:使用`jsp:include`** 在示例中,`calling1.jsp`页面通过`jsp:include`动作包含了`destination1.jsp`页面。当用户在`request1....

    iOS 实现页面跳转

    我们将讨论两种主要的页面跳转方式:模态(Modal)展示和导航控制器(Navigation Controller)的使用,同时也会涉及控件的生命周期以及UIButton等基础控件的属性。 一、模态页面跳转 模态页面跳转通常用于向用户...

    页面跳转

    在HTML中,`&lt;a&gt;`标签是最基础的页面跳转方式,通过设置`href`属性指向目标URL,用户点击链接后浏览器会加载新的页面。例如: ```html 点击跳转到示例网站 ``` JavaScript提供了更灵活的页面跳转控制,例如使用`...

    JSP_页面跳转,JSP_页面跳转

    与`sendRedirect()`不同,`forward()`方法是一种服务器端的页面跳转方式,由RequestDispatcher接口提供。通过调用`request.getRequestDispatcher("url").forward(request, response);`,开发者可以在服务器内部将...

    ios页面跳转

    在实际开发中,开发者通常会结合使用以上方法,根据需求选择合适的页面跳转方式。Storyboard简化了UI设计和页面间的跳转,NavigationController则提供了标准的导航栏和返回功能,而视图转换则可以增强用户体验,使...

Global site tag (gtag.js) - Google Analytics