使用jQuery mobile库检测url绝对地址和相对地址的方
网络编程 2021-07-04 21:03www.168986.cn编程入门
这篇文章主要介绍了使用jQuery mobile库监测绝对地址和相对地址的方法,分别是isAbsoluteUrl()和isRelativeUrl()方法的使用,需要的朋友可以参考下
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./mobile/1.3.0/jquery.mobile-1.3.0.min.css"> <script src="http://code.jquery./jquery-1.9.1.min.js"></script> <!-- The script below can be omitted --> <script src="/resources/turnOffPushState.js"></script> <script src="http://code.jquery./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./a/file.html" id="button1" class="myButton" data-inline="true" /> <input type="button" value="//foo./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./mobile/1.3.0/jquery.mobile-1.3.0.min.css"> <script src="http://code.jquery./jquery-1.9.1.min.js"></script> <!-- The script below can be omitted --> <script src="/resources/turnOffPushState.js"></script> <script src="http://code.jquery./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./a/file.html" id="button1" class="myButton" data-inline="true" /> <input type="button" value="//foo./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>
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程