js获取地址栏参数document.getElementById("").innerHTML
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js获取地址栏参数document.getElementById("").innerHTML相关的知识，希望对你有一定的参考价值。
请大神帮忙看下，假设一个网址 http://www.baidu.com/p.php?id=123
我想把id=后面的参数写到下面的 php文件里，采用的是js，不知道该怎么写。谢谢！
下面是一个PHP文件代码：
<html></body><head>
<div id="abc"></div>
<script type="text/javascript">
function canplay()
document.getElementById("abc").innerHTML ='<video id="video" width="80%" height="80%" controls="controls" loop="loop" autoplay="autoplay" x-webkit-airplay="allow" >
<source src=http://www.baidu.com/mp3/ 地址栏id参数怎么调取.mp4 type="video/mp4" /></video>';
</script>
</body></html>
function getQueryString(name)
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
//例如你响取得url中的id，然后在js把id这个变量放到你想放置的地方
var id = getQueryString('id');
//alert(id);
//拼装字符串的时候加进去即可 'mp3/' + id + '.mp4 type="video/mp4"'
</script> 参考技术B <html></body><head>
<div id="abc"></div>
<script type="text/javascript">
//从url获取数据
function get(str)
var url=location.href
,from=url.indexOf(str+'=')
,end=url.indexOf('&')==-1?url.length:url.indexOf('&');
return url.indexOf('?')==-1?'':url.substr(from+str.length+1,end-from-str.length-1);
var id=get('id');//获取url的id的值
function canplay()
document.getElementById("abc").innerHTML
='<video id="video" width="80%" height="80%" controls="controls"
loop="loop" autoplay="autoplay" x-webkit-airplay="allow" >'+
'<source src="http://www.baidu.com/mp3/'+id+'.mp4" type="video/mp4" /></video>';
</script>
</body></html> 参考技术C <!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
</style>
<script type="text/javascript">
window.onload = function ()
var url = "http://www.baidu.com/p.php?id=123"; //window.location.href;
var reg = /^.*\/\/([^\/]+)[^\?]+\?[^\=]+\=(.*)$/;
var wz = url.replace (reg, "$1");
var id = url.replace (reg, "$2");
document.getElementById ("abc").innerHTML = '<video id="video" width="80%" height="80%" controls="controls" loop="loop" autoplay="autoplay" x-webkit-airplay="allow" ><source src=http://'+wz+'/mp4/'+id+'.mp4 type="video/mp4" /></video>';
</script>
</head>
<body>
<div id="abc"></div>
</body>
</html>
用JS获取地址栏参数的方法
参考技术A 用JS获取地址栏参数的方法:方法一：采用正则表达式获取地址栏参数
方法二：原生js多次截取方法
推荐方法1，方便实用！
以上是关于js获取地址栏参数document.getElementById("").innerHTML的主要内容，如果未能解决你的问题，请参考以下文章