请把下面的代码保存为inphtml
<html>
<body>
<input id=showit type=text/>
<script type="text/javascript">
var a=windowlocationsearch;
documentgetElementById("showit")value=asubstring(aindexOf("id=")+3);
</script>
</body>
</html>
设置或获取整个 URL 为字符串具体代码为： windowlocationhref
例1、生成二维码为格式（优点：便于分享到微信、QQ或其他网页）
<script type="text/javascript" src="jquery-171minjs"></script><script type="text/javascript" src="jqueryqrcodejs"></script>
<script type="text/javascript" src="qrcodejs"></script>
<div id="divOne"></div>
<img id='imgOne' style='border:1px solid red;'/>
<script>
//默认使用Canvas生成，并显示到
var qrcode= $('#divOne')qrcode({
text: windowlocationhref,//二维码代表的字符串（本页面的URL）
width: 150,//二维码宽度
height: 150//二维码高度
})hide();
var canvas=qrcodefind('canvas')get(0);
$('#imgOne')attr('src',canvastoDataURL('image/jpg'))
</script>
例2、生成二维码为非格式 （优点：便于生成速度快，不占用空间）
<script type="text/javascript" src="jquery-171minjs"></script><script type="text/javascript" src="jqueryqrcodejs"></script>
<script type="text/javascript" src="qrcodejs"></script> <div id="qrcodeCanvas"></div>
<script>
$('#qrcodeCanvas')qrcode({
text: windowlocationhref,//二维码代表的字符串（本页面的URL）
width: 150,//二维码宽度
height: 150//二维码高度
});
</script>
一、字符串分割分析法。
这里是一个获取URL带REQUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的requestquerystring，PHP的$_GET，jsp的requestgetParameter
//var USERCODE="<%=requestgetParameter("USERCODE")%>";
//以上是用requestgetParameter在浏览器端获取参数值, 也可以是用该方法在服务器端获取参数方法
函数:
<Script language="javascript">
function GetRequest() {
var url = locationsearch; //获取url中""符后的字串
var theRequest = new Object();
if (urlindexOf("") != -1) {
var str = urlsubstr(1);
strs = strsplit("&");
for(var i = 0; i < strslength; i ++) {
theRequest[strs[i]split("=")[0]]=unescape(strs[i]split("=")[1]);
}
}
return theRequest;
}
</Script>
然后我们通过调用此函数获取对应参数值：
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];
</Script>
以此获取url串中所带的同名参数
二、正则分析法。function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&])(&|$)","i");
var r = windowlocationsearchsubstr(1)match(reg);
if (r!=null) return unescape(r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN"
">
可以新建一个js文件，内容如下：
(function ($) {
$getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");
var r = windowlocationsearchsubstr(1)match(reg);
if (r!=null) return unescape(r[2]); return null;
}
}) (jQuery);
在要获取url参数的页面导入这个js，想要获取参数，就这样写：
var name = $getUrlParam("name");
$getUrlParam("name")的参数name就是url里面的参数名称。
jquery获取url参数的办法:
function jsGetUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&])(&|$)");
var r = windowlocationsearchsubstr(1)match(reg);
if (r != null) return unescape(r[2]); return null;
}
以上就是关于HTML页面获取URL中的参数给input输入框全部的内容，包括:HTML页面获取URL中的参数给input输入框、用html 获得当前页面地址要如何写、html获取urlde值，怎么取出url的值填写到页面里等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）