javascript Alert and url query
<!DOCTYPE html>
<html>
<head>
<style>
.alert {
padding: 20px;
background-color: #f44336;
color: white;
}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
</style>
</head>
<body>
<h2>Alert Messages</h2>
<p>Click on the "x" symbol to close the alert message.</p>
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
<strong>Danger!</strong> Indicates a dangerous or potentially negative action.
</div>
</body>
</html>
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); } } return theRequest; } var req = GetRequest(); var from = req['from']; alert(from);
https://blog.csdn.net/tjcyjd/article/details/44275531
https://www.jianshu.com/p/3a449542a4d6
作者：天空影
链接：https://www.jianshu.com/p/3a449542a4d6
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
<html>
<head>
<style>
.alert {
padding: 20px;
background-color: #f44336;
color: white;
}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
</style>
</head>
<body>
<h2>Alert Messages</h2>
<p>Click on the "x" symbol to close the alert message.</p>
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
<strong>Danger!</strong> Indicates a dangerous or potentially negative action.
</div>
</body>
</html>
function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); }
http://www.runoob.com/index.php?id=1&image=awesome.jpg
getQueryVariable("id") return 1
getQueryVariable("image") return "awesome.jpg"。
http://passport.csdn.net/account/login?from=http%3a%2f%2fwrite.blog.csdn.net%2fpostedit
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;
}
var from = getQueryString("from");
alert(from);function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); } } return theRequest; } var req = GetRequest(); var from = req['from']; alert(from);
https://blog.csdn.net/tjcyjd/article/details/44275531
https://www.jianshu.com/p/3a449542a4d6
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;
}
// 这样调用：
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
作者：天空影
链接：https://www.jianshu.com/p/3a449542a4d6
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
评论
发表评论