How to detect absolute and relative URL addresses using the jQuery mobile library-JS Tutorial-php.cn

How to detect absolute and relative URL addresses using the jQuery mobile library

PHP中文网

Release： 2017-03-31 17:17:26

Original

2160 people have browsed it

This article mainly introduces the use of jQuery mobile library The methods of monitoring absolute addresses and relative addresses are the use of isAbsoluteUrl() and isRelativeUrl() methods respectively. Friends in need can refer to

path.isAbsoluteUrl() to detect absolute URLs

jQuery.mobile.path.isAbsoluteUrl(url)

Copy after login

Utility method if a URL is absolute. This function returns a boolean value true if the URL is absolute, otherwise it returns false. >path.isRelativeUrl() Check relative URL

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jQuery.mobile.path.isAbsoluteUrl demo</title>
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css">
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <!-- The script below can be omitted -->
 <script src="/resources/turnOffPushState.js"></script>
 <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
 <style>
 #myResult{
 border: 1px solid;
 border-color: #108040;
 padding: 10px;
 }
 </style>
</head>
<body>
 
<p data-role="page">
 
 <p data-role="content">
 <input type="button" value="http://foo.com/a/file.html" id="button1" class="myButton" data-inline="true" />
 <input type="button" value="//foo.com/a/file.html" id="button2" class="myButton" data-inline="true" />
 <input type="button" value="/a/file.html" id="button3" class="myButton" data-inline="true" />
 <input type="button" value="file.html" id="button4" class="myButton" data-inline="true" />
 <input type="button" value="?a=1&b=2" id="button5" class="myButton" data-inline="true" />
 <input type="button" value="#foo" id="button6" class="myButton" data-inline="true" />
 <p id="myResult">The result will be displayed here</p>
 </p>
</p>
<script>
$(document).ready(function() { 
 $( ".myButton" ).on( "click", function() { 
  var isAbs = $.mobile.path.isAbsoluteUrl( $( this ).attr( "value" ) ); 
 $( "#myResult" ).html( String( isAbs ) );
 }) 
});
</script>
 
</body>
</html>

Copy after login

If the URL is a relative URL, this function returns a Boolean value true, otherwise it returns false. 🎜> The above is the method of using the jQuery mobile library to detect the absolute address and relative address of the URL. For more related content, please pay attention to the PHP Chinese website (www.php.cn)