最近工作上有个奇怪的需求需要在静态页面之间传递参数
我冥思苦想不得其解 纯html静态页面怎么获取参数呢?
后来突然想到javascript 一切迎刃而解......
下面我来给大家说一下用javascript在静态页面上接受参数的方法
其实很简单 只要用户打开的页面url后带有参数
而javascript可以获取当前页面的url 只要对获取下来的url进行简单地解析即可
给大家看一下我的代码 只要把这些代码嵌入到页面文件即可
<
script
>
urlinfo
=
window.location.href;
//
获取当前页面的url
len
=
urlinfo.length;
//
获取url的长度
offset
=
urlinfo.indexOf(
"
?
"
);
//
设置参数字符串开始的位置
newsidinfo
=
urlinfo.substr(offset,len)
//
取出参数字符串 这里会获得类似“id=1”这样的字符串
newsids
=
newsidinfo.split(
"
=
"
);
//
对获得的参数字符串按照“=”进行分割
newsid
=
newsids[
1
];
//
得到参数值
alert(
"
您要传递的参数值是
"
+
newsid);
</
script
>
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
我冥思苦想不得其解 纯html静态页面怎么获取参数呢?
后来突然想到javascript 一切迎刃而解......
下面我来给大家说一下用javascript在静态页面上接受参数的方法
其实很简单 只要用户打开的页面url后带有参数
而javascript可以获取当前页面的url 只要对获取下来的url进行简单地解析即可
给大家看一下我的代码 只要把这些代码嵌入到页面文件即可
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
不过一定要记得 这个方法只是针对含有参数的url有用
如果对方用了POST方法传递参数 url中是不会含有参数的
所以这个技巧只对GET方法或者指定了参数的url有用哦