Jquery 頁面間傳值（非QuerryString）

本文轉載自查看原文 2016-11-29 10:40 3225 頁面傳值/ Jquery基礎教程/ html/ jquery

實現原理：實現方式不是很復雜，父頁面A打開一個子頁面 A1，並同時寫一個帶參數的接收數據函數Receive(result),在A1頁面進行邏輯操作,然后調用父頁面A的Receive(result)函數，將結果傳遞到父頁面。

使用場景：數據選擇，參數計算等在多信息頁面同一個頁面展示影響頁面美觀。

父頁面：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>頁面間通過JS傳值</title>
        <script src="//cdn.bootcss.com/jquery/1.9.0/jquery.js"></script>
        <script type="text/javascript">
            function CC_Click() {
                window.open("default.html","SelectUser", "scrollbars=yes,width=600,height=400,left=150,top=100,status=yes,resizable=yes");
            }

            function GetResultFromDefault(result) {
                $("#Result").val(result)
            }
        </script>
    </head>

    <body>
        <div id="Div_Class">

            <button onclick="CC_Click()"> click me </button>
            <input type="text" id="Result" value="Nothing"></input>
        </div>

    </body>

</html>

子頁面：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="//cdn.bootcss.com/jquery/1.9.0/jquery.js"></script>
        <script>
            function SendInfo() {
                var Resu = $("#info").val();
                if(window.opener == null) {
                    window.close();
                    return;
                } else {
                    window.opener.GetResultFromDefault(Resu);
                    window.close();
                }
            }
        </script>
    </head>

    <body>
        <div>
            <input type="text" id="info" />
            <button onclick="SendInfo()">Send</button>
        </div>
    </body>

</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Vue 頁面間傳值 vue 頁面間傳值用localStorage在頁面間傳值 JS頁面間傳值 MVC 頁面間的傳值 JavaScript 頁面間傳值 HTML頁面間傳值 mvc頁面間的傳值 uniapp 頁面間的傳值非父子組件間傳值（一）