当前位置: 首页 > 编程笔记 >

使用jQuery mobile库检测url绝对地址和相对地址的方法

柳鸿博
2023-03-14
本文向大家介绍使用jQuery mobile库检测url绝对地址和相对地址的方法,包括了使用jQuery mobile库检测url绝对地址和相对地址的方法的使用技巧和注意事项,需要的朋友参考一下

path.isAbsoluteUrl() 检测绝对网址

jQuery.mobile.path.isAbsoluteUrl(url)

如果一个URL是绝对的实用方法。如果URL是绝对的这个函数返回一个布尔值 true ,否则返回 false。

<!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>
 
<div data-role="page">
 
 <div 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" />
 <div id="myResult">The result will be displayed here</div>
 </div>
</div>
<script>
$(document).ready(function() { 
 $( ".myButton" ).on( "click", function() { 
  var isAbs = $.mobile.path.isAbsoluteUrl( $( this ).attr( "value" ) ); 
 $( "#myResult" ).html( String( isAbs ) );
 }) 
});
</script>
 
</body>
</html>

 

path.isRelativeUrl() 检查相对网址

jQuery.mobile.path.isRelativeUrl( url )

如果URL是相对的网址,这个函数返回一个布尔值 true,否则返回 false。

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jQuery.mobile.path.isRelativeUrl 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>
 
<div data-role="page">
 
 <div 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" />
 <div id="myResult">The result will be displayed here</div>
 </div>
</div>
<script>
$(document).ready(function() { 
 $( ".myButton" ).on( "click", function() { 
  var isRel = $.mobile.path.isRelativeUrl( $( this ).attr( "value" ) ); 
 $( "#myResult" ).html( String( isRel ) );
 }) 
});
</script>
 
</body>
</html>

 

 类似资料:
  • 本文向大家介绍C#利用System.Uri转URL为绝对地址的方法,包括了C#利用System.Uri转URL为绝对地址的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#利用System.Uri转URL为绝对地址的方法。分享给大家供大家参考。具体分析如下: 在使用ASPOSE.Word生成Word文档时可以通过InsertHtml(html)来将图文信息写入Word文档(图片内嵌)

  • 问题内容: 我想知道这两种URL之间的区别:相对URL(用于图片,CSS文件,JS文件等)和绝对URL。 另外,哪个更好用? 问题答案: 通常,使用相对URL被认为是最佳实践,这样您的网站就不会绑定到当前部署位置的基本URL。例如,它无需修改即可在localhost以及您的公共域上工作。

  • 本文向大家介绍巧方法 JavaScript获取超链接的绝对URL地址,包括了巧方法 JavaScript获取超链接的绝对URL地址的使用技巧和注意事项,需要的朋友参考一下 对于Web程序员来说,处理简单的URL格式也许会成为一场噩梦。试想一下,一个网址里有很多组成部分都会影响你对它的解析方法: ····是否以/字符开头 ····是否以//开头 ····是否以?号开头 ····是否以#号开头 …等等

  • 如果给定的字符串是绝对URL,则返回 true ;否则返回 false。 使用正则表达式来测试字符串是否是绝对URL。 const isAbsoluteURL = str => /^[a-z][a-z0-9+.-]*:/.test(str); isAbsoluteURL('https://google.com'); // true isAbsoluteURL('ftp://www.myserve

  • 问题内容: 我有两个网址: 如何获得url2的绝对URL? 问题答案: 您应该使用urlparse.urljoin: 使用Python 3(将urlparse重命名为urllib.parse),您可以按以下方式使用它:

  • 本文向大家介绍Android检测url地址是否可达的两种方法,包括了Android检测url地址是否可达的两种方法的使用技巧和注意事项,需要的朋友参考一下 方法一 方法二 以上这篇Android检测url地址是否可达的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。