两个纯Html之间的传值

最新推荐文章于 2019-12-27 22:39:59 发布

aosica

最新推荐文章于 2019-12-27 22:39:59 发布

阅读量1k

点赞数

文章标签：两个纯Html之间的传值

摘要方法一：

http://blog.sina.com.cn/s/blog_664c8e480100izbw.html

index1.htm页面

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
    function show(){
        var result = document.getElementByIdx("name").value;
        location.href="index2.htm?name="+result;
    }
</SCRIPT>
<style>
.input7 {color: #999;width:145px;height:20px;border: 1px solid #CCCCCC; font-size:12px;background-color: #fff;}
</style>
</HEAD>

index2页面：

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

摘要方法二：

例如

a.htm:

1

2

3

4

<form action="b.htm" >

<input name="q" type="text" value=""  />

<input type="submit" value="提交" id="" />

</form>

b.htm

<html>

<body>

<div id="qbox"></div>

<script type="text/javascript">

function getArgs() { 

    var args = {};

        var query = location.search.substring(1);

         // Get query string

    var pairs = query.split("&"); 

                    // Break at ampersand

     for(var i = 0; i < pairs.length; i++) {

            var pos = pairs[i].indexOf('=');

             // Look for "name=value"

            if (pos == -1) continue;

                    // If not found, skip

                var argname = pairs[i].substring(0,pos);// Extract the name

                var value = pairs[i].substring(pos+1);// Extract the value

                value = decodeURIComponent(value);// Decode it, if needed

                args[argname] = value;

                        // Store as a property

        }

    return args;// Return the object 

 }

var str =getArgs();

alert(str['q']);//和input的name对应取值,

document.getElementById("qbox").innerHTML = str['q'];//然后赋值给DIV

</script>

</body>

</html>