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


Posted in Javascript onDecember 04, 2015

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>

 

Javascript 相关文章推荐
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
JS简单编号生成器实现方法(附demo源码下载)
Apr 05 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
Apr 24 Javascript
npm全局模块卸载及默认安装目录修改方法
May 15 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
详解Angular Karma测试的持续集成实践
Nov 15 Javascript
微信小程序日历插件代码实例
Dec 04 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 Javascript
vue模块移动组件的实现示例
May 20 Javascript
vue 实现弹窗关闭后刷新效果
Apr 08 Vue.js
jQuery移动web开发之页面跳转和加载外部页面的实现
Dec 04 #Javascript
详解JavaScript逻辑And运算符
Dec 04 #Javascript
JavaScript encodeURI 和encodeURIComponent
Dec 04 #Javascript
详解JavaScript逻辑Not运算符
Dec 04 #Javascript
简要了解jQuery移动web开发的响应式布局设计
Dec 04 #Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 #Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 #Javascript
You might like
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
php获取当月最后一天函数分享
2015/02/02 PHP
php内嵌函数用法实例
2015/03/20 PHP
php结合安卓客户端实现查询交互实例
2015/05/05 PHP
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
php注册登录系统简化版
2020/12/28 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
用console.table()调试javascript
2014/09/04 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
前端把html表格生成为excel表格的实例
2017/09/19 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
JS 数组基本用法入门示例解析
2020/01/16 Javascript
python查询mysql中文乱码问题
2014/11/09 Python
python3序列化与反序列化用法实例
2015/05/26 Python
简单谈谈Python中函数的可变参数
2016/09/02 Python
Python排序搜索基本算法之希尔排序实例分析
2017/12/09 Python
Python处理文本换行符实例代码
2018/02/03 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
在python image 中实现安装中文字体
2020/05/16 Python
python中取绝对值简单方法总结
2020/07/24 Python
解决Python安装cryptography报错问题
2020/09/03 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
英国最大的在线运动补充剂商店:Discount Supplements
2017/06/03 全球购物
int和Integer有什么区别
2013/05/25 面试题
学校创先争优活动总结
2014/08/28 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
人生哲理妙语30条:淡写流年,笑过人生
2019/09/04 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
Anaconda配置各版本Pytorch的实现
2021/08/07 Python