search

Home >Web Front-end >JS Tutorial >How to detect absolute and relative URL addresses using the jQuery mobile library

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

PHP中文网
PHP中文网Original
2017-03-31 17:17:262215browse

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)

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>

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) 

jQuery.mobile.path.isRelativeUrl( url )
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Summary of javascript string functions_basic knowledgeNext article：Summary of javascript string functions_basic knowledge

Related articles

See more