zoukankan      html  css  js  c++  java
  • mui---window.location.href通过url传递参数

    url_send_page.html(发送页面)

    <!doctype html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <link href="css/mui.min.css" rel="stylesheet" />
        </head>
    
        <body>
            <button type="button" class="mui-btn mui-btn-blue">用window.location.href向recieve_page页面传值</button>
            <script src="js/mui.min.js"></script>
            <script type="text/javascript">
                mui.init();
                //window.location.href方式 
                document.getElementsByTagName('button')[0].addEventListener('tap', function() {
                    window.location.href = encodeURI('recieve_page.html?cid=2&cname=zyz&rname=马克');
                });
            </script>
        </body>
    
    </html>

    url_recieve_page.html(接收页面)

    <!doctype html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <link href="css/mui.min.css" rel="stylesheet" />
        </head>
    
        <body>
            <span id="span1">
                span1
            </span>
            <script src="js/mui.min.js"></script>
            <script type="text/javascript">
                mui.init();
    
                mui.ready(function() {
                    //获得url参数值
                    var url = decodeURI(window.location.href);
                    var arr_para = url.split('?')[1].split('&');
                    var result = '';
                    for(var i = 0; i < arr_para.length; i++) {
                        result += arr_para[i] + '<br>';
                    }
                    document.getElementById("span1").innerHTML = result;
                });
            </script>
        </body>
    
    </html>
  • 相关阅读:
    dojo自定义Widget
    奇怪的JS
    Dojo Widget系统(转)
    JS 中Promise 模式
    Structs 原理图
    ArcGIS Engine Style文件操作
    dojo.hitch 原理
    Android:解决cannot find zipalign的问题
    Bootstrap:解决Bootstrap下拉框需要双击才能打开的问题
    Clojure:添加gzip功能
  • 原文地址:https://www.cnblogs.com/beast-king/p/9113735.html
Copyright © 2011-2022 走看看