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>

原文地址:https://www.cnblogs.com/beast-king/p/9113735.html

时间: 2024-11-02 15:06:17

mui---window.location.href通过url传递参数的相关文章

springMVC框架在js中使用window.location.href请求url时IE不兼容问题解决

是使用springMVC框架时,有时候需要在js中使用window.location.href来请求url,比如下面的路径: window.location.href = 'forecast/download.do' 在谷歌浏览器下,实际请求的路径是:项目名/forecast/download.do 而在IE下访问时在中间多了好几层文件夹: 造成这种情况的原因是各种浏览器在使用window.localtion.href请求相对路径时处理方法不同 IE是从当前当前路径开始跳转 谷歌是从根目录开始跳

window.location.href(&quot;url&quot;) 无法在chrome和Firefoxz中使用

今天在js代码中加了一句window.location.href(‘url’)希望实现页面的跳转,IE中可以正常使用,但是Firefox却提示window.location is not a function. google以后将代码改为window.location='url' 程序正常执行. 简言之: 下面的格式可以在IE中正常执行,但是不能在Firefox和Chrome中执行: window.location.href("http://stackoverflow.com"); 下

window.location.href问题,点击,跳转到首页

onClick="window.location.href='./';" 点击,跳转到首页. location.href=url Js中实现跳转 window.location.href跳转新窗口 window.location.href="http://cwhois.cnnic.cn/validatecode/validate.jsp?value="+strName+"&entity=domain&service=/whois&i

[转]window.location方法获取URL及window.location.assign(url)和replace(url)区别

本文转自:http://blog.csdn.net/chendi1985/article/details/5291773 window.location方法获取URL 统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成: scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等 host:主机 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址. p

两个jsp界面之间使用window.location.href使用?传递参数以及接受参数

这篇文章如果能给你带来帮助,不胜荣幸,如果有不对的地方也欢迎批评指正. 网上有很多方法是讲怎么截取字符串啊等等的方法来获取参数,说实话,看着我就觉得费劲,咱们可以换一种思路来思考.一般跳转界面多为前段使用ajax请求完成之后 在回调方法里面跳转的界面,在使用拼接字符串的形式传递参数 第一点传递参数的时候如果你是在jsp界面href写上=的话如: window.location.href="*******.jsp?cid="+cid;这样可能另一个界面接收不到参数 ,具体原因我也不知道.

window.location.href url含中文乱码问题

(1).页面中先对中文进行编码. 如:window.location.href = url+"&groupName=" + encodeURI(encodeURI(groupName)) ; 注意,页面部分需要编码两次. (2).在服务端进行解码.  groupName= java.net.URLDecoder.decode(groupName, "UTF-8"); (3).如果是在jsp页面接收 var groupName= decodeURI('<

关于window.location.href=&quot;url&quot;;打不开地址的问题

简单的说,需要在onclick之后加上return false;阻止浏览器的默认动作. 默认的在onclick之后是return true;看似是先执行了window.location.href = "url";但是事实上浏览器都不是这样的,需要阻止写成return false;阻止浏览器的默认动作 直接上代码,做的一个简单的登录的页面 <form method="post" > <p class="main"> <

JS 中document.URL 和 window.location.href 的区别

实际上,document 和 window 这两个对象的区别已经包含了这个问题的答案. document 表示的是一个文档对象,window 表示一个窗口对象. 一个窗口下面可以有很多的document对象.每个document 都有 一个URL. 但是,这不是所有的区别.当你ctrl + F5 一个链接 http://yourhost.com/#fragment 打印 alert(document.URL ); 和 alert(window.location.href); 发现,这两个的值不一

window.location.href url含中文服务器收到乱码问题解决

中文乱码问题 window.location.href url含中文服务器收到乱码问题解决 (1).页面中先对中文进行编码. 如:window.location.href = url+"&groupName=" + encodeURI(encodeURI(groupName)) ; 注意,页面部分需要编码两次. (2).在服务端进行解码.   groupName= java.net.URLDecoder.decode(groupName, "UTF-8");