`
rojava
  • 浏览: 56882 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

静态页面html之间也可以传递参数

    博客分类:
  • JEE
阅读更多

大家可能一般认为传递参数,只有通过jsp和servlet才能进行。其实不然,我们的html页面之间也可以通过url来传递参数,如:


假如,我们的页面上有一个这样的链接:

http://test.html?name=中国&age=100


那么在test.html页面上,我们怎样来取得name和age这两个参数呢?


其实很简单

我们首先在test.html页面上通过javascript获取到window.document.location.href;

这里的href就等于"http://test.html?name=中国&age=100"这个字符串,然后再用split对这个字符串进行?分隔、&分隔和=分隔的解析就可以取得参数了,是不是很简单?


关键点:对window.document.location.href的获取

 

分享到:
评论

相关推荐

    静态页面html中跳转传值的JS处理技巧

    在静态页面HTML中实现页面跳转的同时传递参数,是一种常见的Web开发需求。本文将详细讲解如何利用JavaScript处理URL中的查询参数,以及如何在目标页面中接收这些参数。通过实例演示,我们会学习到如何使用JavaScript...

    Javascript获取HTML静态页面参数传递值示例

    本篇文档介绍了如何在JavaScript中利用split函数和正则表达式来获取HTML静态页面的参数值。 首先,我们可以通过split函数来实现参数的提取。这种方法的核心是利用URL中“?”后面的查询字符串,其中参数通过“=”...

    html静态页面调用php文件的方法

    在开发Web应用时,经常会有在HTML静态...通过上述方法,可以在HTML静态页面中实现对PHP文件的动态调用,并通过PHP处理后返回的数据动态更新页面内容。这种方法在Web应用程序开发中非常实用,能够大幅提高用户交互体验。

    Asp.net页面之间传递参数的几种方法荟萃

    根据给定文件的标题、描述以及部分代码示例,我们可以总结出Asp.net页面间传递参数的几种常见方法及其应用场景与注意事项。 ### 1. 通过URL查询字符串传递 这是最简单直接的方式,将参数作为URL的一部分传递到目标...

    静态页面接收参数

    然而,尽管静态页面的内容固定,我们仍然可以通过URL参数来传递信息,从而让页面呈现出不同的状态或内容。 ### URL参数的理解 URL参数是URL地址中的查询字符串部分,通常位于URL路径之后的问号(?)后面。它由一系列...

    JS控制静态页面之间传递参数获取参数并应用的简单实例

    在项目中遇到这也一个问题...第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面 这是a页面代码: <button>跳转设置</button> [removed] var btn = document.querySelector('button

    android phoneGap 静态页面中简单的数据传递

    在"android phoneGap 静态页面中简单的数据传递"这个主题中,我们将探讨如何在PhoneGap的Web视图中处理数据传递,这通常涉及到JavaScript对象、URL参数和本地存储等技术。 首先,PhoneGap应用中的静态页面本质上是...

    静态页面的传值

    3. **Cookie**:虽然现在更多地用于服务器与浏览器之间的交互,但Cookie也可以用于在静态页面间传递小量数据。通过JavaScript的`document.cookie`属性设置和读取Cookie。不过,Cookie的大小和数量有限制,并且会被...

    html、htm后带参数的代码

    虽然它们通常用于创建静态页面,但也可以通过添加参数来实现动态交互。在HTML中加入参数,可以使静态页面具备处理用户输入或与服务器进行数据交换的能力,这在很多场景下是非常实用的。 在描述中提到的"html后带...

    JS控制静态页面传递参数并获取参数应用

    在JavaScript(JS)开发中,有时我们需要在静态页面之间传递参数或者从已打开的页面获取参数,这在不涉及跨域的情况下可以通过多种方法实现。以下就是两种常见的解决方案: ### 1. 使用URL锚点传递参数 #### 解决...

    关于MFC对话框与静态HTML交互

    交互过程主要分为两个方向:一种是从MFC对话框向WebBrowser加载的HTML传递参数,另一种则是从HTML页面调用MFC对话框中的C++代码。 对于第一个方向,我们首先需要在MFC中使用一个派生自COleControlSite的类来实现...

    静态页面间传值实例静态页面间传值实例

    在网页开发中,静态页面间传值是一种常见的需求,特别是在多页应用中,用户可能需要在不同的HTML页面之间传递信息,比如导航、购物车状态等。本实例将深入探讨如何在不依赖服务器端处理或者使用JavaScript框架的情况...

    静态页跳转传值、静态页跳转传值

    静态页面通常指的是不与服务器交互的纯HTML文件,但有时我们需要在这些页面之间传递信息,这就涉及到了静态页跳转传值的技术。下面我们将详细探讨这个主题。 1. **URL参数传递**: - 最常见的方式是通过URL查询...

    java静态网页

    - `file_name` 参数在请求URL中传递,指示要静态化的JSP页面的名称,不包括扩展名。例如,`file_name=index` 指示要静态化的页面是 `index.jsp`。 8. **响应处理**: - 生成HTML文件后,`response.getWriter()` ...

    静态页面之间传值,内含jquery.params.js

    在Web开发中,静态页面之间的数据传递是一个常见的需求,特别是在没有服务器端动态处理的情况下。本教程将详细讲解如何使用jQuery库中的`.param()`方法来实现静态HTML页面间的数据传递,结合提供的`jquery.params.js...

    博客系统静态页面-具体功能可以根据需要添加

    博客系统静态页面是一种常见的网页应用,它主要用于个人或团队分享思想、技术文章、生活感悟等内容。这个特定的压缩包提供了一个完整的博客系统静态页面代码,适用于个人或学生进行毕业项目或毕业设计。由于是静态...

    html页面动态获取连接参数 jquery.params.js

    HTML页面在进行交互时,有时候需要传递参数,这些参数通常以查询字符串的形式出现在URL中,如`bb.html?data=1&data2=2`。在这种情况下,动态地获取这些参数对于网页的交互功能至关重要。jQuery库提供了一个方便的...

    关于php静态

    - 动态网址可以通过参数传递丰富的信息,帮助搜索引擎更好地理解页面内容。 - 参数的存在使得同一页面可以呈现不同的内容,增加了网页的灵活性。 2. **弊端**: - 过多的参数可能会使URL变得非常长,影响用户...

Global site tag (gtag.js) - Google Analytics