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

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>

 

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, 绝对地址
相对地址
绝对url和相对url、正则url 相对 绝对、js 相对url 转 绝对、jquery mobile url、jquery url 绝对路径,以便于您获取更多的相关知识。

时间: 2025-01-20 23:54:02

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

JQuery Mobile 弹出式登录框的实现方法_jquery

<a href="#login" data-rel="popup" data-position-to="window" data-role="button">Login</a> <div data-role="popup" id="login" data-theme="a"> <form style="padding

jquery mobile实现拨打电话功能的几种方法_jquery

如果需要在移动浏览器中实现拨打电话,发送email,调用sns等功能,jquery mobile提供的接口是一个好办法. 采用url链接的方式,实现在safari ios,android 浏览器,webos 浏览器,塞班浏览器,ie,operamini等主流浏览器,进行拨打电话功能. 1.最常用的方式: 复制代码 代码如下: <a href="tel:+120">报警!</a> 在拨号界面,显示号码,并提示拨打. 支持大部分的浏览器,但是在qq浏览器上支持不好.

jQuery mobile转换url地址及获取url中目录部分的方法_jquery

path.makeUrlAbsolute() 把相对URL转化为绝对URL jQuery.mobile.path.makeUrlAbsolute( relUrl, absUrl ) 把相对URL转化为绝对URL的方法.这个函数返回一个字符串,绝对URL. relUrl:相对网址.类型:字符串. absUrl:绝对网址.类型:字符串. <!doctype html> <html lang="en"> <head> <meta charset=&q

html-引网上的jquery库跟jquery mobile库都可以,本地却不行了。求帮忙解答

问题描述 引网上的jquery库跟jquery mobile库都可以,本地却不行了.求帮忙解答 这是引本地的.这个html跟hellojs文件夹在同一个目录. juqery文件跟jquery mobile文件都在hellojs文件里面. 这是引网上的,这样可以有效果. 解决方案 页面F12控制台看看有没有错误信息 如果没有,改成先引jquery再引jquery mobile

jquery mobile库兼容问题关闭ajax

原先写好的程序拿到jquery mobile 里面 执行发现有好多问题,流程走不下去,造成这种现象的原因 很可能和 mobile 的 处理机制有关 mobile 库 会把所有的 表单 from ,超链接 a 等 封装为 ajax 提交,对返回数据的格式有要求,不按照格式写的话,会有各种问题. 又想用 jquery mobile 库 就不想麻烦修改的同学可以按照下面的办法进行: 在 form 元素  和 a 元素 里面加上data-ajax 属性data-ajax="false" 如 &

jquery mobile动态添加元素之后不能正确渲染解决方法说明

 本篇文章主要是对jquery mobile动态添加元素之后不能正确渲染解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jquerymobile动态添加元素之后有些不能被正确渲染的解决方法: listview: 添加 jq(".detail").listview("refresh"); div或其他:添加.trigger( "create" ); =========================================

jQuery mobile类库使用时加载导航历史的方法简介_jquery

jQuery.mobile.navigate( url [, data ] ) 改变URL和跟踪历史.作品为浏览器和无历史新的API url:是必须的参数.类型:字符串 data:是可选的参数.类型:对象.  更改哈希片段两次然后日志提供导航事件数据时,浏览器向后移动的历史 // Starting at http://example.com/ // Alter the URL: http://example.com/ => http://example.com/#foo $.mobile.nav

利用Python和OpenCV库将URL转换为OpenCV格式的方法_python

今天的博客是直接来源于我自己的个人工具函数库. 过去几个月,有些PyImageSearch读者电邮问我:"如何获取URL指向的图片并将其转换成OpenCV格式(不用将其写入磁盘再读回)".这篇文章我将展示一下怎么实现这个功能. 额外的,我们也会看到如何利用scikit-image从URL下载一幅图像.当然前行之路也会有一个常见的错误,它可能让你跌个跟头. 继续往下阅读,学习如何利用利用Python和OpenCV将URL转换为图像 方法1:OpenCV.NumPy.urllib 第一个方

jQuery Mobile中的button按钮组件基础使用教程_jquery

一.Button 组件及 jQuery Mobile 如何丰富组件样式在 jQuery Mobile 里,可以通过给任意链接添加 data-role="button" 来产生一个 button 组件,jQuery Mobile 会追加一定的样式到链接,值得注意的是,jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应,一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式.下面给出一个例子: 这是一个添加了