js教程

同域两个网页JS传值示例

我的站长站 2022-03-18 人阅读

first.html网页,通过a.js向jieshou.html传值,主要通过域名传值接受方法

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title>第一个网页</title>
        </head>
        <script type="text/javascript" src="a.js"></script>
        <body
                <form name="form1" action="jieshou.html" method="post">
                        <h3>传值</h3>
                        <input class="text_1" type="text" name="wd" id="text_1" value=""/>
                        <input type="submit" name="sousuo" id="submit_s" value="提交"/>
                </form>
        </body>
</html>

a.js文件

function sub() {
        var str = "" + document.getElementById('text_1').value;
        var url = "jieshou.html?wd=" + encodeURI(str);
        location.href = url;
}

jieshou.html接收页面

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title>接收显示</title>
        </head>
        <body>
                <form name="form2" action="">
                        <input name="xianshi" id="text_2" type="text" />
                </form>
                <script type="text/javascript">
                        var loc = location.href;
                        loc = decodeURI(loc);
                        var n1 = loc.length; //地址的总长度  
                        var n2 = loc.indexOf("=");
                        if (n2 > 0) {
                                var id = loc.substr(n2 + 1, n1 - n2);
                                document.getElementById("text_2").value = id;
                        }
                </script>
        </body>
</html>
最新更新
  • js返回上一页、刷新页面代码大全

    返回上一页代码:<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码:<a href="javasc...

    js教程 2天前
  • js语言!=与!==的区别

    != (不等于)!= 是松散的不等于运算符。它在比较两个值时,会先进行类型转换(type coercion),然后再比较值是否不...

    js教程 6天前
  • JS防止网站被扒的解决方法

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部...

    js教程 3周前
  • Hexo插件开发实战教程

    Hexo的插件嵌入有两种方式,一种是通过脚本(Scripts)的方式引入,一种是通过插件(Packages)的方式将自定义的插件内...

    js教程 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时...

    js教程 1个月前