刚刚有人问如何在静态页面获得url的参数，我想通过JS就可以解决这个问题。下面一个简单的例子加以说明。
a.html (传参页面)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>传参数页面</title>
</head>
<body>
<form method="post">
<span style="color: #ff0000;"><a href="b.html?<span style="color: #339966;">name</span>=zhangsan&<span style="color: #339966;">sex</span>=男&<span style="color: #339966;">aaa</span>=100">aaa</a></span>
</form>
</body>
</html>
b.html(取参页面)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>获取参数页</title>
</head>
<body>
<script type="text/javascript"><!--
function gup( name ) {
<span style="color: #ff0000;">var regexS = "[\\?&]"+name+"=([^&#]*)";//匹配name参数对</span>
var regex = new RegExp( regexS );
<span style="color: #ff0000;"> var results = regex.exec( window.location.href );//过滤超链接,</span>
if( results == null ) {
return "";
} else {
document.getElementById("show").innerHTML = results[1];//显示对应的参数值
<span style="color: #ff0000;"> return results[1]; </span>
}
}
-->
</script>
<button onclick="gup('name')">name</button>
<button onclick="gup('sex')">sex</button>
<button onclick="gup('aaa')">aaa</button>
<div id="show">
</div>
</body>
</html>
实质就是借助浏览器对url的记忆功能利用Js拆分字符而。
分享到：
相关推荐
在JavaScript中获取静态页面的参数通常是指从URL中获取查询参数。这在Web开发中非常常见，例如在单页面应用程序（SPA）或者需要根据URL参数动态加载内容的场景。这篇博客文章“JS 获取静态页面的参数”可能详细介绍...
在IT领域，尤其是在Web开发中，静态页面接收参数是一个常见且重要的知识点。这一技术使得静态网页能够根据不同的请求参数展示动态变化的内容，极大地提升了用户体验和网站功能的灵活性。以下是对“静态页面接收参数...
二是如何生成静态页面。下面将对这两个知识点进行详细的解析。 ### 一、通过相关参数获取页面信息 #### 1.1 方法概述 此部分提供了一个名为 `GetHttpData` 的方法，用于从指定URL获取网页数据。该方法接受三个参数...
在静态页面HTML中实现页面跳转的同时传递参数，是一种常见的Web开发需求。本文将详细讲解如何利用JavaScript处理URL中的查询参数，以及如何在目标页面中接收这些参数。通过实例演示，我们会学习到如何使用JavaScript...
在Web开发领域，静态页面和动态页面是两种常见的类型。静态页面内容固定，不依赖服务器端的处理，而动态页面则可以根据用户请求、时间、数据库信息等生成不同的内容。网页静态化是将动态页面转换为静态HTML页面的...
// 使用函数获取参数 document.getElementById("user").value = getQueryStr("user"); document.getElementById("password").value = getQueryStr("password"); document.getElementById("sysno").value = ...
这种方法虽然简单有效，但也有其局限性，例如无法自动更新静态页面，当内容变化时需要手动或通过脚本重新生成。此外，对于大型复杂的网站，可能需要更复杂的缓存策略，如使用缓存服务（如Varnish）或者PHP框架提供的...
ASP.NET生成静态页面是一种常见的网站优化技术，它能够提高网页加载速度，降低服务器负载，并对搜索引擎友好。在本文中，我们将深入探讨这个主题，包括如何实现静态页面生成、分页处理、常见问题以及代码优化。 ...
主要利用服务器的URL重写功能，如Apache的`.htaccess`或Nginx的配置文件，以及PHP的内置函数如`$_SERVER['REQUEST_URI']`来获取原始URL，然后通过正则表达式解析和处理URL，最后动态生成相应的静态页面内容。...
根据给定的信息，本文将详细解释如何在静态网页中实现流量统计功能，通过JavaScript脚本来设置、获取和删除Cookies，并最终记录用户访问次数的具体方法。 ### 静态网页统计流量的意义 静态网页指的是那些不依赖于...
在JavaScript（JS）开发中，有时我们需要在静态页面之间传递参数或者从已打开的页面获取参数，这在不涉及跨域的情况下可以通过多种方法实现。以下就是两种常见的解决方案： ### 1. 使用URL锚点传递参数 #### 解决...
静态页面之间的传值是一个常见的需求，例如在导航链接、表单提交或页面间跳转时。在没有服务器端编程语言支持的情况下，JavaScript成为了实现这一目标的关键工具。主要方法有以下几种： 1. **URL参数**：最直观的...
2. 捕获请求：在Servlet的doGet或doPost方法中，获取请求的URL和参数。 3. 解析JSP：使用JSP的`RequestDispatcher.include()`或`JspRuntimeLibrary.include()`方法，将JSP页面包含进来并执行，得到HTML字符串。 4. ...
静态页面生成后，为了进一步提升效率，可以结合正则表达式制定缓存策略。例如，根据URL的一部分来决定缓存时间，如日期部分，可以确保新内容及时更新，旧内容长时间缓存。 7. **维护更新** 如果动态内容更新，...
在开发Web应用时，经常会有在HTML静态页面中动态调用PHP文件的需求，以实现更加丰富的交互功能。HTML是静态的标记语言，而PHP是一种服务器端的脚本语言。尽管HTML本身不支持直接调用PHP文件，但我们可以通过...
总之，通用静态页面生成系统整合了参数化数据获取、模板引擎技术和JSP分页技术，提供了一个高效、可扩展且易于维护的解决方案，旨在帮助网站提升性能和用户体验。它不仅对开发团队来说是一个强大的开发工具，能够...
为了生成静态页面，你需要在处理请求后将这个HTML保存为文件，例如`page1.html`, `page2.html`等，对应不同的分页结果。可以使用`StreamWriter`类写入文件。 6. **路由配置**：为了使用户能直接访问静态HTML页面，...
在网页开发中，静态页面间传值是一种常见的需求，特别是在多页应用中，用户可能需要在不同的HTML页面之间传递信息，比如导航、购物车状态等。本实例将深入探讨如何在不依赖服务器端处理或者使用JavaScript框架的情况...
### jsp生成静态页面的方法 在Web开发领域中，动态页面技术如JSP（Java Server Pages）被广泛应用于构建复杂的网站应用。然而，在某些场景下，为了提高网站性能、减轻服务器压力或便于SEO优化，将动态生成的内容...
对于静态页面而言，由于它们不与服务器进行实时数据交互，因此需要借助客户端的编程技术如JavaScript来实现页面间的参数传递和获取。本文将详细介绍如何利用JavaScript实现静态页面之间参数的传递和获取，并通过具体...