纯HTML静态页面获取参数(用JAVASCRIPT传递页面参数)

最近工作上有个需求需要在静态页面之间传递参数,纯html静态页面怎么获取参数呢?后来想到javascript 用javascript在静态页面上接受参数的方法,只要用户打开的页面url后带有参数,而javascript可以获取当前页面的u

最近工作上有个需求需要在静态页面之间传递参数,纯html静态页面怎么获取参数呢?

纯HTML静态页面获取参数(用JAVASCRIPT传递页面参数)

后来想到javascript 用javascript在静态页面上接受参数的方法,只要用户打开的页面url后带有参数,而javascript可以获取当前页面的url 只要对获取下来的url进行简单地解析即可。

        urlinfo = window.location.href; //获取当前页面的url
        console.log(urlinfo)
        len = urlinfo.split("?");//获取url的长度
        newsidinfo = len[1];//取出参数字符串 这里会获得类似“id=1”这样的字符串
        console.log(newsidinfo);
        newsids = newsidinfo.split("&");//对获得的参数字符串按照“=”进行分割
        parameter1 = newsids[0]; //得到参数值 os:标识安卓还是ios,1=ios、2=安卓
        os = parameter1.split("=")[1];
        parameter2 = newsids[1]; //1=普通屏幕、2=iPhone X、3=iPhone XR、4=iPhoneX Max
        dim = parameter2.split("=")[1];
        parameter3 = newsids[2]; //version:广告页版本,1=第一种版本、2=第二种版本,每个版本显示的图片都是不一样的
        version = parameter3.split("=")[1];
        console.log("获取到的参数值是" + os, dim, version);
 

注:这个方法只是针对含有参数的url有用 ,如果对方用了POST方法传递参数 url中是不会含有参数的,所以这个技巧只对GET方法或者指定了参数的url有用。

本文由蟹子投稿,不代表梦子博客立场。如需转载,请注明出处:https://www.mongziit.com/2199.html

发表评论