使用jQuery mobile库检测url绝对地址和相对地址的方法
path.isAbsoluteUrl()检测绝对网址
jQuery.mobile.path.isAbsoluteUrl(url)
如果一个URL是绝对的实用方法。如果URL是绝对的这个函数返回一个布尔值true，否则返回false。
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="utf-8">
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>jQuery.mobile.path.isAbsoluteUrldemo</title>
<linkrel="stylesheet"href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
<scriptsrc="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!--Thescriptbelowcanbeomitted-->
<scriptsrc="/resources/turnOffPushState.js"></script>
<scriptsrc="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<style>
#myResult{
border:1pxsolid;
border-color:#108040;
padding:10px;
}
</style>
</head>
<body>
<divdata-role="page">
<divdata-role="content">
<inputtype="button"value="http://foo.com/a/file.html"id="button1"class="myButton"data-inline="true"/>
<inputtype="button"value="//foo.com/a/file.html"id="button2"class="myButton"data-inline="true"/>
<inputtype="button"value="/a/file.html"id="button3"class="myButton"data-inline="true"/>
<inputtype="button"value="file.html"id="button4"class="myButton"data-inline="true"/>
<inputtype="button"value="?a=1&b=2"id="button5"class="myButton"data-inline="true"/>
<inputtype="button"value="#foo"id="button6"class="myButton"data-inline="true"/>
<divid="myResult">Theresultwillbedisplayedhere</div>
</div>
</div>
<script>
$(document).ready(function(){
$(".myButton").on("click",function(){
varisAbs=$.mobile.path.isAbsoluteUrl($(this).attr("value"));
$("#myResult").html(String(isAbs));
})
});
</script>
</body>
</html>
path.isRelativeUrl()检查相对网址
jQuery.mobile.path.isRelativeUrl(url)
如果URL是相对的网址，这个函数返回一个布尔值true，否则返回false。
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="utf-8">
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>jQuery.mobile.path.isRelativeUrldemo</title>
<linkrel="stylesheet"href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
<scriptsrc="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!--Thescriptbelowcanbeomitted-->
<scriptsrc="/resources/turnOffPushState.js"></script>
<scriptsrc="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<style>
#myResult{
border:1pxsolid;
border-color:#108040;
padding:10px;
}
</style>
</head>
<body>
<divdata-role="page">
<divdata-role="content">
<inputtype="button"value="http://foo.com/a/file.html"id="button1"class="myButton"data-inline="true"/>
<inputtype="button"value="//foo.com/a/file.html"id="button2"class="myButton"data-inline="true"/>
<inputtype="button"value="/a/file.html"id="button3"class="myButton"data-inline="true"/>
<inputtype="button"value="file.html"id="button4"class="myButton"data-inline="true"/>
<inputtype="button"value="?a=1&b=2"id="button5"class="myButton"data-inline="true"/>
<inputtype="button"value="#foo"id="button6"class="myButton"data-inline="true"/>
<divid="myResult">Theresultwillbedisplayedhere</div>
</div>
</div>
<script>
$(document).ready(function(){
$(".myButton").on("click",function(){
varisRel=$.mobile.path.isRelativeUrl($(this).attr("value"));
$("#myResult").html(String(isRel));
})
});
</script>
</body>
</html>