使用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 相关文章推荐
js保存当前路径(cookies记录)
Dec 14 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
Jquery日期选择datepicker插件用法实例分析
Jun 08 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
Dec 09 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
Mar 07 Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
Aug 25 Javascript
Vue组件开发技巧总结
Mar 04 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
Sep 16 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
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开发留言板的CRUD(增,删,改,查)操作
2012/04/19 PHP
php生成excel文件的简单方法
2014/02/08 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
javascript编程起步(第四课)
2007/02/27 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
JS模拟按钮点击功能的方法
2015/12/22 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
全面理解Python中self的用法
2016/06/04 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
pandas 选择某几列的方法
2018/07/03 Python
Flask入门之上传文件到服务器的方法示例
2018/07/18 Python
Python3匿名函数用法示例
2018/07/25 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
Araks官网:纽约内衣品牌
2020/10/15 全球购物
美术教师自我鉴定
2014/02/12 职场文书
小学生作文评语
2014/04/18 职场文书
优质服务演讲稿
2014/05/14 职场文书
活动总结新闻稿
2014/08/30 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
2014年学习部工作总结
2014/11/12 职场文书
个人借款协议书范本
2014/11/17 职场文书
单位工作证明范本
2015/06/15 职场文书
java实现面板之间切换功能
2022/06/10 Java/Android