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

两个独立静态htm页面间如何传值

阅读更多
<script>
urlinfo=window.location.href; //获取当前页面的url
len=urlinfo.length;//获取url的长度
offset=urlinfo.indexOf("?");//设置参数字符串开始的位置
newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串
newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割
newsid=newsids[1];//得到参数值
alert("您要传递的参数值是"+newsid);
</script>
­
­
­
两个纯HTML页面间传值问题,纯用JS实现:  
  比如11.htm   和   22.htm。  
  目的:11.htm通过innerHTML生成页面,点击print的时候弹出22.htm页并将ss值传过去,22.htm得到ss的值并根据ss的值生成页面。22.htm全屏显示  
    
  条件:不能用XXX.htm?xxx=xxx的方式传递  
    
  11.htm  
    
  <html>  
  <head>  
  <title>11</title>  
  </head>  
  <body>  
  <input     type   =button   onclick   ='op();'   value='print'>  
  <div   id=show>  
  </div>  
  <script   language=javascript>  
  var   ss=   "<hr>This   is   test!<hr>"  
  document.all.show.innerHTML=ss;  
  function   op(){  
  window.open('22.htm','fff').focus();  
  }  
  </script>  
  </body>  
  </html>  
    
  22.htm  
    
  <html>  
  <head>  
  <title>22</title>  
  </head>  
  <body>  
  <script   language=javascript>  
  var   aa=     ----------------------------------11.htm传过来的ss的值  
  document.write(aa);  
  </script>  
  </body>  
  </html>  
  
­
­
­
第一个页面: a.html
<html>
<head>
</head>
<body>
<script language="javascript" type="text/javascript">
function Open()
{
window.open('b.html');
}
</script>
<form>
<input type="text" id="tbValue"><a href="#" onclick="Open()">Open http://www.dwww.cn </a>
</form>
</body>
</html>
第二个页面: b.html
<html>
<head>
</head>
<script language="javascript" type="text/javascript">
function SetValue(value)
{
self.opener.document.all("tbValue").value=value;
}
</script>
<body>
Values:<br/>
<a href="javascript:SetValue('1')">value 1</a><br/>
<a href="javascript:SetValue('2')">value 2</a>
</body>
</html>
分享到:
评论

相关推荐

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

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

    静态html页面传值方式

    静态html页面传值方式 静态html页面传值方式 静态html页面传值方式

    静态页面的传值

    7. **iframe通信**:如果两个页面在一个窗口内(例如一个页面嵌入在另一个页面的iframe中),可以利用`postMessage`和`message`事件进行通信,传递数据。 在提供的"测试静态页面传值"压缩包中,可能包含了以上提到...

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

    静态传值 ``` 这段代码会在用户点击链接时将参数name及其值caoy附加到index2.html页面的URL上。用户在点击链接后,浏览器会将带有查询参数的URL传递到服务器,服务器随后可以解析这些参数,以获取传递的值。 在...

    安卓页面相互传值

    本文将详细讲解如何在Android中实现页面间的传值。 首先,我们来了解一下Activity。Activity是Android应用的基本组件,代表一个可视化的用户界面。在Android中,从一个Activity跳转到另一个Activity,通常会用到...

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

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

    静态界面传值jquery插件

    静态界面传值插件,第一个界面给第二个界面传值,通过url方式:[removed].href = "Conference_Detail.html?conferenceId='"+conferenceIdByBefore+"'"; 第二个界面获取方式:$.query.get("conferenceId")

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

    - 如果两个页面在同一窗口或iframe内,可以利用`window.postMessage`进行跨窗口通信。源页面发送消息,目标页面监听并接收消息,从而实现数据传递。 在实际应用中,选择哪种方法取决于具体的需求和场景。例如,...

    静态画面之间传值的共通

    接下来,我们将详细讨论几种常见的方式来进行静态页面间的传值。 1. URL参数:最简单且直接的方法是通过URL查询字符串来传递数据。例如,从页面A跳转到页面B时,可以在URL后面添加问号(?)和参数名/值对。在页面B...

    使用委托进行窗体间传值

    窗体间传值的常规方法包括使用公共属性、构造函数参数、静态类、设置全局变量等,但这些方式往往存在一些限制,如代码耦合度高、可读性差等。而通过委托,我们可以实现更加灵活和解耦的通信方式。 1. **创建委托** ...

    页面间传值

    在IT行业中,页面间传值是一项基础且重要的技术,尤其在Web开发中不可或缺。它涉及到如何在不同的网页之间传递数据,以便用户在浏览过程中能够保持上下文或在多个页面间进行交互。页面间的传值方法多种多样,适用于...

    QT两个窗口传值

    2. **共享数据对象**:如果你不希望使用信号和槽,可以创建一个公共的数据结构,比如一个类的静态成员或一个全局变量,让两个窗口都能访问。不过,这种方式需要注意同步问题,避免数据冲突。 3. **使用QApplication...

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

    以下是一个简单的例子,假设我们有两个静态页面:`a.html`和`b.html`。 1. 在`a.html`页面中,我们需要获取用户输入的数据并将其传递给`b.html`。可以使用如下代码: ```html &lt;!DOCTYPE html&gt; 页面A ...

    IOS页面传值

    在iOS应用开发中,页面间的数据传递是必不可少的环节,特别是在多个视图控制器之间切换时。标题"iOS页面传值"涵盖了三种常见的数据传递方法:单例传值、委托(Delegate)传值以及属性(Property)传值。下面将详细...

    两个Form之间传值Demo

    本文将深入探讨"两个Form之间传值Demo"这一主题,讲解如何在C#中实现在不同窗体之间传递数据。 首先,让我们理解窗体间的值传递主要有以下几种方法: 1. **构造函数传递**: 当打开一个新窗体时,可以通过传递...

    动态Jsp页面转换成静态Html页面

    动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html...

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

    在Web开发中,静态页面之间的数据传递是一个常见的需求,尤其在客户端JavaScript开发中,我们需要了解如何在不同页面间交换信息,以便于实现复杂的用户交互。本文将详细探讨JavaScript静态页面传值的三种方法,并对...

    ASPNET跨页面传值技巧

    创建一个公共类或使用静态变量也可以实现跨页面传值,但这种方法可能会引入数据同步和依赖性问题,因此应谨慎使用。 10. 使用数据库或文件存储: 对于大量数据或需要长期保留的信息,可以考虑将数据存储在数据库或...

    Android Activity间传值

    "Android Activity间传值"是一个核心知识点,它涉及到Intent、 Extras、Parcelable接口、Serializable接口等多种方式,以及如何在返回Activity时回显之前的数据。现在,我们将深入探讨这些概念。 首先,Intent是...

Global site tag (gtag.js) - Google Analytics