`
kalogen
  • 浏览: 886228 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

html静态页面传递参数-利用JavaScript方法实现静态

阅读更多
利用JavaScript方法实现静态html页面参数传递 原理是应用获得地址栏字串,进行分析。

  aa.htm是参数输渗入渗出界面

  bb.htm是参数接收处理界面

  aa.htm

  <html>

  <head>

  </head>

  <body>

  <script>

  function submit()

  {

  var input1 = document.getElementById("inputid");

  window.open("bb.htm?inputStr=" + input1.value);//传入参数

  }

  </script>

  <input type = "text" id = "inputid">

  <input type = "button" onclick = "submit()" value = "提交">

  </body>

  </html>

  bb.htm:

  <html>

  <head>

  <script>

  //获得参数的方法

  var request =

  {

  QueryString : function(val)

  {

  var uri = window.location.search;

  var re = new RegExp("" +val+ "=([^&?]*)", "ig");

  return ((uri.match(re))?(uri.match(re)[0].substr(val.leng th+1)):null);

  }

  }

  </script>

  </head>

  <body>

  <script>

  //调用方法获得参数

  var rt = request.QueryString("inputStr");

  alert(rt);

  </script>

  </body>

  </html>

  ====================================

  <html>

  <head>

  <title>test</title>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  <SCRIPT LANGUAGE="JavaScript">

  <!--

  var request = {

  QueryString : function(val) {

  var uri = window.location.search;

  var re = new RegExp("" +val+ "=([^&?]*)", "ig");

  return ((uri.match(re))?(uri.match(re)[0].substr(val.leng th+1)):null);

  }

  }

  var a = request.QueryString ("a");

  var b = request.QueryString ("b");

  var c = request.QueryString ("c");

  if ((a != null)){a=a} else{a="参数A空"}

  if ((b != null)){b=b} else{b="参数B空"}

  if ((c != null)){c=c} else{c="参数C空"}

  document.writeln("参数A: " + a);

  document.writeln("<br>参数B: " + b);

  document.writeln("<br>参数C: " + c);

  //-->

  </SCRIPT>

  </head>

  <body>

  <form name="form1" action="?">

  请输入参数值:<br>

  <SCRIPT LANGUAGE="JavaScript">

  document.writeln("A:<input type='text' name='a' value='"+a+"'><br>");

  document.writeln("B:<input type='text' name='b' value='"+b+"'><br>");

  document.writeln("C:<input type='text' name='c' value='"+c+"'><br>");

  </SCRIPT>

  <input type="submit" name="Submit" value="提交参数查观效果">

  </form>

  </body>

  </html>
------------------------------------------------------------------------------------------------------------------

如何用window.open的方式打开一个网页,同时传过去一个参数,并且这个参数的内容是一段html代码    
我现在用window.open的方式可以传普通的参数出去,但如果这个参数的内容是一段html代码的话就传不过去了,有法可解吗?    
   
现在具体情况就是:  
   
例如在一个页面里有这样一句话  
   
window.open("test.asp?id=<%=id%>&content=<%=content%>,"send","left=180,top=180,height=290,width=550,toolbar=no,menubar=no,scrollbars=yes,status=no")  
   
在test.asp中   用request("id")     和request("content")取出传过来的参数  
   
发现如果content中的内容是一个简单的字符串如“abc”   则没有问题  
   
但如果content中的内容是一段html代码(这个变量中存的是一个在线编辑器里用户填写的内容)如"&nbsp;&nbsp;abc"则会在test.asp中取出     "??     abc"

-----------------------------------------------------------------------------------------------------------

接收参:
<script>
function getParam()
{
urlInfo=window.location.href; //获取当前页面的url
intLen=urlInfo.length; //获取url的长度
offset=urlInfo.indexOf("?"); //设置参数字符串开始的位置
strKeyValue=urlinfo.substr(offset,len); //取出参数字符串 这里会获得类似“id=1”这样的字符串
arrParam=strKeyValue.split("="); //对获得的参数字符串按照“=”进行分割
strParamValue=arrParam[1]; //得到参数值
alert("您要传递的参数值是"+strParamValue);
}
</script>

-----------------------------------------------------------------------------------------------------------------------

<script type="text/javascript">  
     var LocString=String(window.document.location.href);   
       
     function getQueryStr(str){   
         var rs = new RegExp("(^|)"+str+"=([^\&]*)(\&|$)","gi").exec(LocString), tmp;   
       
         if(tmp=rs){   
             return tmp[2];   
         }   
       
         // parameter cannot be found   
         return "";   
     }   
  
     document.getElementById("user").value = getQueryStr("user");   
     document.getElementById("password").value = getQueryStr("password");   
     document.getElementById("sysno").value = getQueryStr("sysno");   
</script>

为了您的安全,请只打开来源可靠的网址
打开网站    取消
来自: http://hi.baidu.com/%B4%BA%CB%D8%C7%EF%D2%B3/blog/item/dae87911394b361cb8127b72.html
分享到:
评论

相关推荐

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

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

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

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

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

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

    静态页面接收参数

    在静态页面中接收和处理URL参数,主要通过JavaScript来实现。以下是一种常见的方法: 1. **获取URL**:首先,我们需要获取当前页面的完整URL,这可以通过`window.location.href`来实现。 2. **查找参数开始位置**...

    Object-Oriented JavaScript

    - **函数**:JavaScript中的函数不仅可以被调用,还可以作为参数传递或由其他函数返回。 - **作用域**:JavaScript具有两种作用域:函数作用域和块作用域。 - **闭包**:一个函数与其相关的引用环境组合在一起形成...

    简易的后台管理系统HTML静态页面

    在"SimpleBMS_HTML"压缩包中,我们可以预期找到一系列的HTML文件,可能还包括CSS(Cascading Style Sheets)文件用于控制页面的样式和布局,以及JavaScript文件用于实现页面的动态效果和与服务器的交互。HTML文件...

    javascript静态页面传值的三种方法

    【JavaScript静态页面传值的三种方法】 在网页开发中,我们经常需要在不同的页面之间传递数据,尤其是在没有服务器端交互的静态页面中。JavaScript提供了多种方法来实现这一目标,包括通过URL、Cookie以及...

    伪静态页面生成技术|静态页面|生成技术

    在互联网世界中,提高网站的搜索引擎优化(SEO)和用户体验是至关重要的,而伪静态页面生成技术正是实现这一目标的有效手段。伪静态页面,顾名思义,是一种将动态网页以静态HTML页面的形式呈现的技术,它保留了动态...

    静态页面的传值

    在这个"静态页面的传值"主题中,我们将探讨如何在不同的静态HTML页面之间传递信息,主要通过JavaScript实现。 静态页面之间的传值是一个常见的需求,例如在导航链接、表单提交或页面间跳转时。在没有服务器端编程...

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

    本实例将深入探讨如何在不依赖服务器端处理或者使用JavaScript框架的情况下实现静态页面间的值传递。 静态页面通常指的是HTML文件,它们不包含服务器端脚本,如PHP、ASP或JSP等。由于没有服务器端处理,传统的HTTP...

    javascript html 静态页面传参数

    在HTML静态页面中结合JavaScript可以实现对URL参数的获取和解析,从而实现动态数据的展示。 知识点讲解: 1. window.location.href属性: window.location.href属性用于获取当前页面的完整URL字符串,即浏览器地址...

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

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

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

    由于是静态页面,它不涉及服务器端处理,而是通过HTML、CSS和JavaScript等前端技术实现页面展示和交互。 1. **HTML结构**:HTML(超文本标记语言)是网页的基础,用于定义页面的结构。在这个博客系统中,HTML文件如...

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

    通过上述步骤,我们可以在MFC对话框与静态HTML页面之间实现参数的传递和函数的调用。这为MFC应用程序带来了丰富的交互体验和灵活的功能扩展。需要注意的是,这里的COM技术的应用是实现MFC与WebBrowser交互的关键,...

    Ajax+Asp实现批量生成静态页面进度条

    这个函数会接受一个参数,比如待生成静态页面的列表。然后,它会遍历这个列表,对每个页面执行生成操作。在生成过程中,函数可以计算已经完成的百分比,以便后续传递给Ajax。 接下来,前端利用Ajax进行异步请求。...

    静态Html、jsp、php等使用element ui最简单直观例子(含table/对话框服及js/css等)

    对于 JSP(JavaServer Pages),可以在 JSP 页面中引入 Element UI,利用后端动态生成的内容与 Element UI 组件结合,实现动态数据的展示和交互。例如,可以将数据库中的数据绑定到表格组件,或者在对话框中处理...

    客户管理系统静态页面

    3. **JavaScript交互**:JavaScript是实现页面动态功能的关键,比如搜索、过滤、表单验证、数据加载等。在这个CRM系统中,JavaScript可能用于处理用户的输入、展示或隐藏元素、异步数据请求(AJAX)等,提高用户体验...

    自己写的静态页面大屏,留个备份自己用

    4. **自适应布局**:大屏展示可能需要考虑页面在不同分辨率下的显示效果,因此需要利用CSS3的媒体查询(Media Queries)或其他方法实现响应式布局。 5. **性能优化**:对于大数据量的图表,ECharts提供了一些优化...

    表白静态页_表白墙页面_表白墙_

    JavaScript是实现页面交互性的关键,它可以处理用户的输入、响应用户的行为,比如提交表白信息、显示动态效果等。 制作一个表白墙页面,首先需要规划页面的布局。这包括头部(可能包含页面标题和导航)、主体部分...

    XML+Javascript 实现静态页搜索及分页功能

    在这个主题中,我们将深入探讨如何利用XML来存储和传递数据,以及如何用JavaScript来实现页面上的搜索与分页功能。 XML是一种结构化数据格式,它允许我们创建自定义的标签来组织和表示信息。在静态页面搜索中,XML...

Global site tag (gtag.js) - Google Analytics