a.html
<html>
<head>
<script type="text/javascript">
function toSend(){
var input1 = document.getElementById("inputid");
window.location = "b.html?inputStr=" + escape(input1.value);
}
</script>
</head>
<body>
<input type="text" id="inputid"/>
<input type="button" οnclick="toSend()" value="try" />
</body>
</html>
b.html
<html>
<head>
</head>
<body>
<span id="test"></span>
</body>
</html>
<script type="text/javascript">
var args = document.location.toString().split('?');
var paramValue = args[1].toString().split('=')[1];
document.getElementById("test").innerHTML = unescape(paramValue);
</script>
<html>
<head>
<script type="text/javascript">
function toSend(){
var input1 = document.getElementById("inputid");
window.location = "b.html?inputStr=" + escape(input1.value);
}
</script>
</head>
<body>
<input type="text" id="inputid"/>
<input type="button" οnclick="toSend()" value="try" />
</body>
</html>
b.html
<html>
<head>
</head>
<body>
<span id="test"></span>
</body>
</html>
<script type="text/javascript">
var args = document.location.toString().split('?');
var paramValue = args[1].toString().split('=')[1];
document.getElementById("test").innerHTML = unescape(paramValue);
</script>