Exemple détaillé de la façon dont Javascript utilise des fonctions et des expressions régulières pour obtenir des valeurs de paramètres de page statiques-js tutoriel-php.cn

Exemple détaillé de la façon dont Javascript utilise des fonctions et des expressions régulières pour obtenir des valeurs de paramètres de page statiques

伊谢尔伦

Libérer： 2017-07-26 17:24:26

original

1613 Les gens l'ont consulté

Pour obtenir les valeurs transmises des paramètres de page statique HTML, vous pouvez utiliser la fonction split pour découper en tableaux en fonction des paramètres et utiliser des expressions régulières pour les obtenir. L'implémentation spécifique est la suivante

<.>Exemple 1Utilisez des expressions régulières pour obtenir Get

var LocString = String(window.document.location.href); 
function getQueryStr(str) { 
var rs = new RegExp("(^|)" + str + "=([^&]*)(&|$)", "gi").exec(LocString), tmp; 
if (tmp = rs) { 
return tmp[2]; 
} 
// parameter cannot be found 
return ""; 
}

Copier après la connexion

Méthode d'appel

document.getElementById("user").value = getQueryStr("user"); 
document.getElementById("password").value = getQueryStr("password"); 
document.getElementById("sysno").value = getQueryStr("sysno");

Copier après la connexion

Exemple 2 Utilisez la fonction split pour découper en tableaux selon aux paramètres

<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>

Copier après la connexion

Mais vous devez vous rappeler que cette méthode n'est utile que pour les URL qui contiennent des paramètres. Si l'autre partie utilise la méthode POST pour transmettre des paramètres, l'URL ne contiendra pas de paramètres, cette technique est donc utilisée. utile uniquement pour la méthode GET ou les URL qui spécifient des paramètres

Ci-dessous Voir un exemple complet

aa.htm est l'interface de saisie et d'infiltration des paramètres
bb.htm est l'interface de réception et de traitement des paramètres
aa.htm

　<html> 
　　<head> 
　　</head> 
　　<body> 
　　<script> 
　　function submit() 
　　{ 
　　var input1 = document.getElementById("inputid"); 
　　window.open("bb.htm?inputStr=" + input1.value);//传入参数 
　　} 
　　</script> 
　　<input type = "text" id = "inputid"> 
　　<input type = "button" onclick = "submit()" value = "提交"> 
　　</body> 
　　</html> 
　　bb.htm: 
　　<html> 
　　<head> 
　　<script> 
　　//获得参数的方法 
　　var request = 
　　{ 
　　QueryString : function(val) 
　　{ 
　　var uri = window.location.search; 
　　var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 
　　return ((uri.match(re))?(uri.match(re)[0].substr(val.leng th+1)):null); 
　　} 
　　} 
　　</script> 
　　</head> 
　　<body> 
　　<script> 
　　//调用方法获得参数 
　　var rt = request.QueryString("inputStr"); 
　　alert(rt); 
　　</script> 
　　</body> 
　　</html>

Copier après la connexion

bb.htm

<html> 
　　<head> 
　　<title>test</title> 
　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
　　<SCRIPT LANGUAGE="JavaScript"> 
　　<!-- 
　　var request = { 
　　QueryString : function(val) { 
　　var uri = window.location.search; 
　　var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 
　　return ((uri.match(re))?(uri.match(re)[0].substr(val.leng th+1)):null); 
　　} 
　　} 
　　var a = request.QueryString ("a"); 
　　var b = request.QueryString ("b"); 
　　var c = request.QueryString ("c"); 
　　if ((a != null)){a=a} else{a="参数A空"} 
　　if ((b != null)){b=b} else{b="参数B空"} 
　　if ((c != null)){c=c} else{c="参数C空"} 
　　document.writeln("参数A: " + a); 
　　document.writeln("<br>参数B: " + b); 
　　document.writeln("<br>参数C: " + c); 
　　//--> 
　　</SCRIPT> 
　　</head> 
　　<body> 
　　<form name="form1" action="?"> 
　　请输入参数值:<br> 
　　<SCRIPT LANGUAGE="JavaScript"> 
　　document.writeln("A:<input type=&#39;text&#39; name=&#39;a&#39; value=&#39;"+a+"&#39;><br>"); 
　　document.writeln("B:<input type=&#39;text&#39; name=&#39;b&#39; value=&#39;"+b+"&#39;><br>"); 
　　document.writeln("C:<input type=&#39;text&#39; name=&#39;c&#39; value=&#39;"+c+"&#39;><br>"); 
　　</SCRIPT> 
　　<input type="submit" name="Submit" value="提交参数查观效果"> 
　　</form> 
　　</body> 
　　</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Exemple détaillé de la façon dont Javascript utilise des fonctions et des expressions régulières pour obtenir des valeurs de paramètres de page statiques