`
sbpya
  • 浏览: 615652 次
  • 性别: Icon_minigender_1
  • 来自: 杭州,长沙
社区版块
存档分类
最新评论

javascript实例教程(11) 创建后退按钮

阅读更多

javascript实例教程(11) 创建后退按钮

 利用Javascript创建一个“后退”连接 在JavaScript中实现一个“后退”连接是相当容易的。这个“后退”连接的功能的作用就象网页中“后退”按钮一样,具体你可以使用以下代码:

<FORM>

<input type=button value="Go Back"

onClick="history.back(-1)" >

</FORM >

你仔细点就会发现,这段代码实际上是使用了history.back()函数而已。这点又是JavaScript功能函数强大的一个体现。其中 history.back(-1)代表你要连接到的前面一张网页。如果你要往后回退5页,你可以使用history.back(-5)就搞定了。

我们翱翔于JavaScript中,我只能用一个字来表达我们的感受:“酷”。 

分享到:
评论

相关推荐

    JavaScript实例教程

    JavaScript实例教程着重于通过具体实例来讲解JavaScript编程中的关键概念和编程技巧。本次我们将围绕以下几个重要知识点展开详细介绍。 首先,事件处理是JavaScript中不可或缺的一部分。在用户与网页交互时,浏览器...

    javascript例子教程20120614.pdf

    而`goBackRep()`函数使用`location.replace()`,这个方法不仅重定向,还会替换当前的历史记录条目,导致用户无法通过后退按钮返回原来的页面。 再者,教程还介绍了如何使用`window.open()`函数创建新窗口或弹出窗口...

    javascript例子教程20220614整理.pdf

    - `location.replace`:这个方法不仅重定向页面,还会替换当前的历史记录条目,因此用户无法通过后退按钮返回原始页面。例如:`location.replace("http://www.cainiao8.com/")`。 3. JavaScript弹出窗口及窗口间的...

    JavaScript-轮播图案例展示

    "JavaScript轮播图案例展示"是关于如何使用JavaScript来创建这样一个功能的实例教程。 轮播图的基本结构通常包括以下几个部分: 1. 图片容器:这是轮播图的基础,用于存放所有待展示的图片。 2. 显示区域:只显示...

    精美flash javascript

    【标签】"f精美lash javascriptf精美lash javascriptf精美lash javascript" 同样是强调了这两个技术的组合,可能表示这个压缩包包含的内容与Flash和JavaScript的使用有关,可能是教程、示例代码或者是一个实际的项目...

    AJAX实例入门,实战中文版,基础教程

    缺点则包括可能破坏浏览器的后退按钮行为,不支持搜索引擎优化(SEO),以及可能导致页面渲染阻塞。为解决这些问题,出现了如PJAX(Push State + AJAX)、服务器端渲染和WebSockets等技术。 **AJAX的实现步骤**: 1...

    带左右按钮步骤选项卡.zip

    总之,"带左右按钮步骤选项卡"是一个结合了JavaScript动态功能和CSS美化效果的前端设计实例,它体现了Web开发中用户交互和界面设计的核心原则。通过理解和实践这样的组件,开发者可以提升自己的技能,创造出更优秀的...

    Ajax基础教程(中文版)

    3. **用户无法前进后退**:使用浏览器的前进/后退按钮可能无法正确呈现历史状态,可以通过History API和PushState进行管理。 学习Ajax时,需要掌握以下几个关键点: 1. **理解HTTP协议**:熟悉HTTP请求方法、状态码...

    AJAX - Creating Web Pages With Asynchronous JavaScript And XML (2006).rar

    9. **局限性**:AJAX无法触发浏览器的历史记录、前进/后退按钮,且不适用于搜索引擎优化,因为其内容通常是动态加载的。这些问题可以通过使用History API和服务器端渲染来解决。 10. **现代Web技术的扩展**:随着...

    AJAX教程资源

    - 前进/后退按钮问题:AJAX页面更改不会记录在浏览器历史中。 - 安全性:AJAX请求可能被拦截或篡改。 ### 5. AJAX的其他技术 - **jQuery AJAX**:jQuery库简化了AJAX操作,提供了$.ajax()、$.get()、$.post()等...

    C#中WebBroeser控件用法实例教程

    通过设置WebBrowser控件的属性,我们可以定制其行为,如禁用前进/后退按钮,自定义用户代理字符串,或者处理JavaScript的事件。同时,通过处理各种事件,我们可以控制网页的导航、响应用户的交互,甚至实现更复杂的...

    AJAX实例入门OK

    **AJAX实例教程** 在"**AJAX实例入门-XML+Ajax教程.txt**"中,可能包含了一些基本的AJAX使用示例,涵盖了如何创建XMLHttpRequest对象,发送GET和POST请求,以及处理XML或JSON响应等内容。对于初学者,通过这些实例...

    Ajax应用实例...

    - 历史导航:Ajax页面无法直接通过浏览器的前进/后退按钮进行导航,需要实现自己的历史管理,如HTML5的History API。 5. **实际应用示例**: - 表单提交:用户填写表单后,使用Ajax提交,实时反馈验证结果。 - ...

    jcarousel_脚本实例_

    这个"脚本实例"着重展示了如何在实际项目中应用jcarousel来创建动态的图片滑动展示。 在网页设计中,图片滚动是一种常见的视觉呈现方式,可以有效地吸引用户的注意力,同时节省页面空间。jcarousel的核心功能就是...

    Ajax教程PDF

    4. **历史记录和书签**:默认情况下,使用Ajax的页面无法添加到浏览器的历史记录中,不利于用户通过书签或后退按钮访问。 在压缩包中,"AJAX开发简略(含续一)2.pdf"可能是详细的Ajax教程,涵盖Ajax的基本概念、使用...

    ajax教程,希望有所帮助

    3. **前进/后退按钮**:Ajax请求不会改变浏览器的历史记录,可能影响前进和后退功能。 4. **SEO问题**:搜索引擎爬虫可能无法抓取到Ajax加载的内容,影响搜索引擎优化。 在实际开发中,可以使用jQuery、Vue.js、...

    ajax基础教程和ajax从入门到精通

    因为Ajax请求不会导致整个页面刷新,所以传统的前进/后退按钮可能无法正常工作。开发者需要通过编程方式管理浏览器的历史状态,例如使用`history.pushState()`或`history.replaceState()`方法。 2. **相关技术点** ...

    纯javascript移动优先的幻灯片效果

    在本篇教程中,我们将会了解到使用纯JavaScript实现的移动优先(mobile-first)的幻灯片效果。这种效果可以被应用于各种展示图片、内容的场景,尤其适用于响应式网页设计。现在,我们来逐步了解相关知识点: 1. ...

    Ajax使用教程

    3. **历史记录管理**:不正确处理,会导致前进和后退按钮失效。 4. **兼容性问题**:旧版或非主流浏览器可能不支持Ajax。 **Ajax的实例应用**: 例如,一个简单的搜索功能,用户输入关键词后,使用Ajax实时从服务器...

Global site tag (gtag.js) - Google Analytics