当前位置:小鱼儿玄机二站 > 计算机网络 > Mobile操作HTML5的常用函数总结,mobile库检测url绝对

Mobile操作HTML5的常用函数总结,mobile库检测url绝对

文章作者:计算机网络 上传时间:2019-09-03

path.isAbsoluteUrl() 检验相对网站

一. $.mobile.changePage() & $.mobile.loadPage()
1.$.mobile.changePage()

jQuery.mobile.path.isAbsoluteUrl(url)

$.mobile.changePage() 方法会在页面加载时自动调用,若这么些页面为当下文书档案中的分裂"page",则会转到那几个新页面掩饰旧页面;若这几个页面为外界页面,即页面与眼下页面不在同一文书档案中(本质上是新页面不在当前 DOM 中),$.mobile.changePage() 首先会调用 $.mobile.loadPage() 把外界页面包车型大巴成分插入到 DOM 中,再显示新页面。那也是对页面加载进度的简要复述。

假使三个U福特ExplorerL是纯属的实用方法。若是UCRUISERL是相对的那个函数再次来到一个布尔值 true ,不然重返 false。

$.mobile.changePage() 有四个参数 to (string or object, 必需) 和 options (object, 可选),具体如下:

<!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>

(1)—— to (string or object, 必须)

 

to 为供给参数,其值可认为 string(字符串,如 "about/us.html") 或 object(对象,如 $("#about")),这第一是面向二种不一样的页面,string 格局的为外界页面链接,而 object 为同一文书档案中的分歧 "page" ,如 "#page2" ,$.mobile.changePage() 会把其拍卖成包蕴这几个 DOM 的 jQuery 对象,即 $('#page2') 这种样式,而 $.mobile.changePage() 内部会咬定 to 参数的款型,借使 string 则调用 $.mobile.loadPage() 把外界页面包车型客车成分插入到 DOM 中,再展现页面。

path.isRelativeUrl() 检查相对网站

(2)—— options (object, 可选)

jQuery.mobile.path.isRelativeUrl( url )

options 为可选参数,其值为 object (对象),这么些 object 满含七个属性,这一个属性积累贰个页面包车型地铁各样参数,jQuery Mobile 会依据那些参数来决定什么加载页面,以及对页面进行开头化。具体属性值如下:

假如U奥迪Q5L是对峙的网站,那些函数再次回到多个布尔值 true,否则重回 false。

allow萨姆ePageTransition (boolean, 默许值: false) 默许情形下,$.mobile.changePage() 是不会理会跳转到当前页面包车型大巴哀求。把那几个天性设置为 "true" ,则足以允许这种央浼

<!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>

changeHash (boolean, 暗许值: true) 判别地址栏上的哈希值是或不是应该被更新。

 

data (object 或 string, 暗中同意值: undefined) Ajax 恳求时发送的多少。仅当 to 参数的值为二个 U君越L 时可用。

您或者感兴趣的稿子:

  • jQuery Mobile操作HTML5的常用函数总计
  • jQuery Mobile 和 Kendo UI 的比较
  • jQuery Mobile页面重返没有必要再度get
  • 详解jQuery Mobile自定义标签
  • jQuery mobile 移动web(4)
  • jquerymobile checkbox及时刷新技能获取其精确值
  • jQuery Mobile的loading对话框展现/掩盖方法共享
  • JqueryMobile动态生成listView并落到实处刷新的三种情势
  • 行使jquery mobile做幻灯播放效果达成步骤
  • jQuery Mobile 导航栏代码
  • jQueryMobile之Helloworld与页面切换的办法
  • jQuery Mobile框架中的表单组件基础运用教程

dataUrl (string, 默许值: undefined) 当浏览器实现页面调换时要翻新浏览器的地址栏上的 U库罗德L 。如不极其钦定,则采纳 data-url 的属性值。

pageContainer (jQuery collection, 默许值: $.mobile.pageContainer) 钦点包罗页面包车型地铁 DOM 对象的 jQuery 对象。

reloadPage (boolean, 暗中认可值: false) 强制刷新页面,固然页面容器的 DOM 已经希图好依然会进行刷新。仅当 to 参数的值为一个 UTiggoL 时可用。

reverse (boolean, 私下认可值: false) 设置页面转场动画的矛头。当该属性设置为 "true" 时页面转场反向。

role (string, 私下认可值: undefined) 显示页面包车型客车时候利用 data-role 值。私下认可情形下为 undefined,即在于成分的 @data-role 属性值(标签上 data-role 的值)。

showLoadMsg (boolean, 暗中认可值: true) 设置当加载外部页面时是或不是出示加载提醒新闻。

transition (string, 暗中认可值: $.mobile.defaultPageTransition) 设置页面加载时利用的过场动画。

type (string, default: "get") 设置央浼页面时利用的办法 ("get" 或 "post") 。仅当 to 参数的值为三个 U中华VL 时可用。

此地引用例子说美素佳儿下 $.mobile.changePage() 的施用情势,手动调用该方法能够触发跳转到贰个新页面,比方,在 Web Apps 产生错误时得以跳转到二个升迁错误的页面。

// 转入到 "about us" 页面并使用 "slideup" 转场动画
$.mobile.changePage( "about/us.html", { transition: "slideup"} );

// 转入到 "search results" 页面, 使用 来自 id 为 search 的表单数据,并把页面请求方式改为 "post"
$.mobile.changePage('searchresults.php', {
  type: "post",
  data: $("form#search").serialize()
});

// 转入到 "confirm" 页面并使用 "pop" 转场动画,不更新历史记录(地址栏哈希值不更新)
$.mobile.changePage('../alerts/confirm.html', {
  transition: "pop",
  reverse: false,
  changeHash: false
});

发出错误时方可跳转到多少个晋升错误的页面。

$(function(){
  // 发生错误
  // 已 "slideup" 的方式弹出对话框提示发生了错误
  $.mobile.changePage('../alerts/confirm.html', {
    transition: "slideup",
    role: "dialog"
  });
});

2.$.mobile.loadPage()

如上面所述,$.mobile.loadPage() 用于加载四个外界页面,但这里的加载是指把外界页面包车型客车要素插入到眼下 DOM 中,并在插入从前对页面内容展开 jQuery Mobile 巩固 。该方法会被 $.mobile.changePage() 调用,条件是 $.mobile.loadPage() 的率先个参数 to 为 string (即加载的页面为外界页面)。这些法子唯有是拓宽插队 DOM 操作,不会影响当下激活的页面,所以它能够用来在后台加载页面(只插入 DOM 而不出示页面),该方法会重返一个 deferred 对象,满含页面央浼成功与否等有关音讯,并会在页面加强和插入 DOM 后分解那么些指标。

$.mobile.loadPage() 有三个参数 url (string or object, 必得) 和 options (object, 可选),具体情况如下:

(1)—— url (string or object, 必须)

该参数的值可感觉 string 或 object ,无论是何种形式,必需为一个纯属或相对U传祺L 。若是由 $.mobile.changePage() 调用本办法时,则该参数值为 $.mobile.changePage() 的 to 参数值。

(2)—— options (object, 可选)

options 为可选参数,其值为 object (对象),实际上如由 $.mobile.changePage() 调用本办法时,该参数值为 $.mobile.changePage() 的 options 参数值。由此这几个 object 与 $.mobile.changePage() 的 options 选项值一样,其切实属性值请参见 $.mobile.changePage() 中 options 的属性值。

此间援用例子表达一(Wissu)下 $.mobile.loadPage() 的施用办法,手动调用该方法能够在后台加载外界页面包车型地铁成分何况不影响当下激活页面。     

// 把 "about us" 页面加载到 DOM
$.mobile.loadPage('about/us.html');

// 转入到 "search results" 页面, 使用来自 id 为 search 的表单数据,并把页面请求方式改为 "post"
$.mobile.loadPage('searchresults.php', {
  type: "post",
  data: $('form#search').serialize()
});

二. $.fn.jqmData() & $.fn.jqmRemoveData() 当页面中接纳了 jQuery Mobile ,jQuery Mobile 会使用 jqmData 和 jqmRemoveData 代替 jQuery 宗旨的 data 和 removeData 方法(注意,那富含了 jQuery 中的 $.fn.data , $.fn.removeData , $.data , $.removeData 和 $.hasData),这些方法会自动获取和安装 data 属性的命名空间(就算当前尚未使用命名空间)。

那四个章程的参数对应着 jQuery 的 data 和 removeData 方法的参数,具体如下:

(1)—— jqmData( jQuery.data() )

element 与该 data 属性相关联的 DOM 对象
key data 的命名字符串
value data 属性的值
(2)—— jqmRemoveData ( jQuery.removeData() )

element 与供给移除 data 属性相关联的 DOM 对象
name 供给移除的 data 的命名字符串
细心:当通过 jQuery Mobile data 属性寻找成分时,请使用自定义选取器:jqmData() ,它会在查询成分时自动合并data 属性的命名空间。比如,你应当使用 $('div:jqmData(role="page")') 代替$('div[data-role="page"]') ,因为前端会自行映射到 $("div[data-"+ $.mobile.ns +'role="page"]') ,而无需强制把采用器与命名空间连接起来。举例:命名空间为 rn ,若选择前者即为 $('div[data-rn-role="page"]') ,那时假诺改变了命名空间,则那几个选用器便会失灵,而选择前面三个则会活动映射到这几天甄选器中,纵然改换命名空间也不会招致那几个选择器失效。

唯独也是有例外的景观,正是依照 U宝马7系L 值在命名空间中接纳 data 属性,举个例子,jQuery Mobile 能够使用 :jqmData(url) 追踪一个页面来自何地,依据 ULacrosseL 中的命名空间来抉择空间内的 data 属性。这供给须要在选用器的括号内填充叁个灵光的 U奥迪Q3L 。

三. $.fn.jqmEnhanceable() 那是剖断成分是还是不是要举行 jQuery Mobile 加强的章程,暗中认可处境下,全数jQuery Mobile 组件都会因而此格局放入 jQuery Mobile 加强集,以提交另一函数举行 jQuery Mobile 巩固,包涵充分相应的 HTML , CSS class 和交互。那是 jQuery Mobile 暗许调用的格局,何况未有别的可选参数,但该方式仍有二个很值得注意的地方,在格局的完成函数内部,会咬定默许配置 $.mobile.ignoreContentEnabled 的值,若为 true ,则会对调用该措施的 jQuery 对象的 DOM 父节点遍历,若父节点标签上设置了 data-enhance = "false" ,则不让该 DOM 对象插足加强集。事实上 jQuery Mobile 的官方文书档案并从未演说 $.fn.jqmEnhanceable() 的求实使用方法,反而用了过多篇幅介绍那一个注意事项。

其余还索要注意的是,遍历操作会设计成分的富有父节点,因而固然遍历三个一点都不大的 jQuery 对象集的父节点也会耗费过多财富,开辟则需求稳重运用。若支付时已经显然无需对某元素举办抓好,提出依旧直接不行使 data-role 触发相应的零部件。

而怎么样设置 $.mobile.ignoreContentEnabled 的值,能够参照《使用 jQuery Mobile 与 HTML5 开采 Web App —— jQuery Mobile 暗中认可配置与事件基础》

四. $.fn.jqmHijackable() 那是决断元素是还是不是加盟 jQuery Mobile Ajax 导航,即选择 Ajax 实行管理的不二等秘书籍,与 $.fn.jqmEnhanceable() 相似,暗中认可情形下这也是会为全部链接和表单提交实行,使到它们得以投入 jQuery Mobile Ajax 处理集结,交给另一函数管理。在 jQuery Mobile 内部,本办法与 $.fn.jqmEnhanceable() 最后都以调用了 haveParents 方法,来决断成分是不是合宜步入相应的汇集。因而,本办法推行时会判别暗许配置 $.mobile.ignoreContentEnabled ,若为 true ,则会对调用该办法的 jQuery 对象的 DOM 父节点遍历,若父节点上标签上安装了 data-ajax = "false" ,则不让该 DOM 对象参预 Ajax 导航集。当然,在选用那些特点时也亟需注意遍历带来的大批量财富消耗。

五. $.mobile.loading() 该办法从 jQuery Mobile 1.2 起首专门的学问推举,调控突显或隐蔽页面加载音讯,蕴含七个参数,第三个是调节页面新闻加载与否,独有"show" 和 "hide" 五个值,第二个参数为多属性对象,具体的质量如下:

theme (string, 暗中同意值: "a") 加载新闻条的大旨样式
text (string, 暗中同意值: "loading") 加载音讯条的文字内容
textonly (boolean, 私下认可值: false) 若设置为 true ,则加载页面时 "spinner" 图片(即旋形加载提示图,1.0 及此前版本为条形加载图)会被隐形。
textVisible (boolean, 暗中认可值: false) 若设置为 true ,提醒的文字内容会停放 spinner 之下
html (string, 默许值: "") 假使个属性值不为空,则这些值会代替整个加载音讯条的 HTML
下边援引例子表达 $.mobile.loading 的利用办法。   

// 提示页面正在加载
$.mobile.loading('show');

// 加载信息条使用主题样式 "b" , 自定义提示文字内容,隐藏 "spinner" 图片
$.mobile.loading('show', { theme: 'b', text: '给力的加载中', textonly: true });

以下三个点子在 jQuery Mobile 1.2 中不赞同采纳

六. $.mobile.hidePageLoadingMsg() 展现页面加载消息,基于 $.mobile.loadingMessage 配置出来,具体有八个参数

theme (string, default: "a") The theme swatch for the message.
msgText (string, default: "loading") The text of the message.
textonly (boolean, default: false) If true, the "spinner" image will be hidden when the message is shown.
例子:

// 使用主题样式 "b" ,自定义提示文字内容,隐藏 "spinner" 图片
$.mobile.showPageLoadingMsg('b', 'This is only a test', true);

在 jQuery Mobile 1.2 中,提议使用 $.mobile.loading('show') 替代。

七. $.mobile.hidePageLoadingMsg() 隐身页面加载音讯,基于 $.mobile.loadingMessage 配置出来,未有参数。

例子:

// 隐藏页面加载提示信息
$.mobile.hidePageLoadingMsg();

在 jQuery Mobile 1.2 中,提出选拔 $.mobile.loading('hide') 代替。

八. $.mobile.fixedToolbars.show() 定点工具栏(满含固定的尾部栏和尾巴栏)能够因此点击荧屏在彰显与潜伏之间切换,而那些方准绳是手动展现贰回工具栏。

它抱有三个参数 immediately(boolean, 可选) 。把它设置为 true ,当前激活页面包车型大巴具有固定工具栏都会立刻显示出来。若设置为 false 大概尚未点名,则会经过 100ms 的渐变突显出来。注意如 document 的 resize 和 scroll 等事件会变成额外的延时来得。

例子:  

// 显示固定工具栏并且显示默认的渐变动画
$.mobile.fixedToolbars.show();

// 立即显示固定工具栏
$.mobile.fixedToolbars.show(true);

   
在 jQuery Mobile 1.1 中,不建议接纳该方式,jQuery Mobile 并未鲜明原因,但根据 jQuery Mobile 的习贯,那很只怕是因为这个措施有成都百货上千不平静,如上边提到的相遇一些方法晤面世额外的延时来得,那对于树立 Web Apps 是相当不好的震慑因素,它会从尾巴部分公司分为 Web Apps 带来不可预感的标题。

九. $.mobile.fixedToolbars.hide() 恒定工具栏(包罗固定的底部栏和尾巴栏)能够通过点击显示屏在体现与潜伏之间切换,而以此法子则是手动隐蔽二遍工具栏。

与 $.mobile.fixedToolbars.show() 相似,它具备三个参数 immediately(boolean, 可选) 。把它设置为 true ,当前激活页面包车型客车全部固定的工具栏都会即时掩盖。若设置为 false 或然尚未点名,则会通过 100ms 的渐变隐藏起来。注意如 document 的 resize 和 scroll 等事件也会追加遮蔽动画的岁月。

例子:    

// 隐藏固定工具栏并显示默认的渐变动画
$.mobile.fixedToolbars.hide();

// 立即隐藏固定工具栏
$.mobile.fixedToolbars.hide(true);

      
在 jQuery Mobile 1.1 中,也不提出采纳该格局。

十. $.mobile.path.parseUrl() 本办法用于分析二个 UPAJEROL 和它的相对方式,况兼它的连锁元素放入多个指标中,方便访谈这几个 UEvoqueL 相关成分。当分析相对情势的 UENCOREL 时,重临的对象会自动为相对格局 UMorganPlus 8L 中从未的成分(如 protocol, host , etc )增多空字符串作为值。另外,当分析的 UEvoqueL 未有 authority (见上面包车型大巴列表),再次来到的指标中的 pathname 属性会含有通讯合同冒号后的多寡。

$.mobile.path.parseUrl() 只有四个参数 UPAJEROL (string, 可选) ,其值为二个UEnclaveL 的周旋或相对格局。

别的,$.mobile.path.parseUrl() 会重回三个含有 ULacrosseL 相关成分的靶子,那个目的的质量是未有主见只会借坡下驴浏览器中的 location 对象。具体的性质如下:

hash UPAJEROL 中的二个局部,从 U宝马7系L 中第二个 "#" 初始的一对。
host UPRADOL 的主机名及端口。
hostname U汉兰达L 的主机名。
href 被深入分析的原始 U福特ExplorerL 。
pathname U瑞虎L 所援用的文本或目录的不二诀要。
port U途乐L 中内定的端口。大好些个 URAV4Ls 注重于数据传输合同所用的私下认可端口,所以这几个值在比比较多时候都大概是空字符串。
protocol 数据传输左券,URAV4L 中 ':' 此前的部分。
search U奥迪Q5L 中的从 "?" 字符开端的片段,代表 UHavalL 查询。其他它也囊括提须求入口的附加成分,如部分普及格局的开拓者访谈。
authority U锐界L 的客户名,密码,主机名
directory pathname 中的目录部分,况且不包含其余文件名。
domain U福睿斯L 中的数据传输合同和客商名,密码,主机名等音讯,即域。
filename pathname 中的文件部分,并且不包涵其他目录名。
hrefNoHash 从原始 URL 中减去 hash 部分。
hrefNoSearch 从原始 URL 中减去 hash 和 search 部分。
password authority 中的 password 部分。
username authority 中的 username 部分。
例子:

// 解析一个 URL
var obj = $.mobile.path.parseUrl("http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234");

// 解析这个 URL 会返回一个包含以下属性的对象

// obj.href:     http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
// obj.hrefNoHash:  http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
// obj.hrefNoSearch: http://jblas:password@mycompany.com:8080/mail/inbox
// obj.domain:    http://jblas:password@mycompany.com:8080
// obj.protocol:   http:
// obj.authority:  jblas:password@mycompany.com:8080
// obj.username:   jblas
// obj.password:   password
// obj.host:     mycompany.com:8080
// obj.hostname:   mycompany.com
// obj.port:     8080
// obj.pathname:   /mail/inbox
// obj.directory:  /mail/
// obj.filename:   inbox
// obj.search:    ?msg=1234&type=unread
// obj.hash:     #msg-content

十一. $.mobile.path.makePathAbsolute() 把一个针锋绝对的文本或目录路线转化为相对路线。

具备三个参数 relPath (string, 必得) 和 absPath (string, 必需) ,具体如下:

(1)—— relPath (string, 必须)

其值为一个相对的文书或目录路线。

(2)—— absPath (string, 必须)

用于深入分析的贰个万万的文件或相对的路线。

$.mobile.path.makePathAbsolute() 会重返三个带有相对路线的相对路线版本的字符串。

例子:       

// 返回: /a/b/c/file.html
var absPath = $.mobile.path.makePathAbsolute("file.html", "/a/b/c/bar.html");

// 返回: /a/foo/file.html
var absPath = $.mobile.path.makePathAbsolute("../../foo/file.html", "/a/b/c/bar.html");

十二. $.mobile.path.makeUrlAbsolute() 把一个相对 UWranglerL 转化为绝对 UEnclaveL 。

负有八个参数 relUrl (string, 必选) 和 absUrl (string, 必选) ,具体如下:

—— relUrl (string, 必选)

叁个对峙格局的 U凯雷德L 。

—— absUrl (string, 必选)

用于剖析的一个万万的文件或相对的路子。

$.mobile.path.makeUrlAbsolute() 会重回多个暗含相对 U凯雷德L 的相对 U奥迪Q5L 版本的字符串。

例子:

// 返回: http://foo.com/a/b/c/file.html
var absUrl = $.mobile.path.makeUrlAbsolute("file.html", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/a/foo/file.html
var absUrl = $.mobile.path.makeUrlAbsolute("../../foo/file.html", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/bar/file.html
var absUrl = $.mobile.path.makeUrlAbsolute("//foo.com/bar/file.html", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/a/b/c/test.html?a=1&b=2
var absUrl = $.mobile.path.makeUrlAbsolute("?a=1&b=2", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/a/b/c/test.html#bar
var absUrl = $.mobile.path.makeUrlAbsolute("#bar", "http://foo.com/a/b/c/test.html");

十三. $.mobile.path.isSameDomain() 相比非常多少个 UCR-VL 的域。

持有八个参数 url1 (string, 可选) 和 url2 (string, 可选) 具体情形如下:

—— url1 (string, 可选)

多少个周旋 U本田CR-VL。

—— url2 (string, 可选)

url2 (string, required) 一个索要深入分析的相对 UENVISIONL 。

重临值为 boolean 型变量,若五个域相配,则赶回 "true" ,否则重返 "false" 。

例子:        

// 返回: true
var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");

// 返回: false
var same = $.mobile.path.isSameDomain("file://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");

// 返回: false
var same = $.mobile.path.isSameDomain("https://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");

// 返回: false
var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://bar.com/a/b/c/test.html");

十四. $.mobile.path.isRelativeUrl() 推断一个 U揽胜L 是还是不是是相对 UCRUISERL 。

它具有贰个参数 UCRUISERL (string, 必选) ,其值为贰个针锋相对或相对的 U奥迪Q5L 。

重回值为 boolean 型变量,若 U陆风X8L 为相对方式的 U哈弗L ,则赶回 "true" ,不然重返 "false" 。

例子:

// 返回: false
var isRel = $.mobile.path.isRelativeUrl("http://foo.com/a/file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("//foo.com/a/file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("/a/file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("?a=1&b=2");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("#foo");

十五. $.mobile.path.isAbsoluteUrl() 判断三个 U锐界L 是不是是相对 URubiconL 。

它具备一个参数 UCR-VL (string, 必选) ,其值为多个相持或相对的 U福睿斯L 。

再次来到值为 boolean 型变量,若 UTiggoL 为相对方式的 U福特ExplorerL ,则赶回 "true" ,不然重返 "false" 。

例子:

// 返回: true
var isAbs = $.mobile.path.isAbsoluteUrl("http://foo.com/a/file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("//foo.com/a/file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("/a/file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("?a=1&b=2");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("#foo");

十六. $.mobile.path.get() 该方法能够决断三个 URubiconL 的目录部分。假使 U索罗德L 末尾未有反斜杠,则 U哈弗L 最后的一对会被以为是文本名。那么些状态对于站长以来应该不面生,如 ,ULX570L 中末了的片段 "aaa/" 应该是一个索引,而 中最后的部分 "xxx.zip" 则应该是多个文书名。那也是 Kayo 以前提议注意网站末尾是不是要求丰硕反斜杠的来头。

以此艺术具备多个参数 url (string, 必选) ,其值是贰个争辨或相对的 UTiguanL 。

重返值为 UAMG GTL 中的目录部分。

例子:       

// 返回: http://foo.com/a/
var dirName = $.mobile.path.get("http://foo.com/a/file.html");

// 返回: http://foo.com/a/
var dirName = $.mobile.path.get("http://foo.com/a/");

// 返回: http://foo.com/a
var dirName = $.mobile.path.get("http://foo.com/a");

// 返回: //foo.com/a/
var dirName = $.mobile.path.get("//foo.com/a/file.html");

// 返回: /a/
var dirName = $.mobile.path.get("/a/file.html");

// 返回: ""
var dirName = $.mobile.path.get("file.html");

// 返回: /
var dirName = $.mobile.path.get("/file.html");

// 返回: ?a=1&b=2
var dirName = $.mobile.path.get("?a=1&b=2");

// 返回: foo
var dirName = $.mobile.path.isAbsoluteUrl("#foo");

十七. $.mobile.base 获得根成分。

十八. $.mobile.silentScroll() 沉默滚动到某些 Y 值处,並且不触发任何事件。

它具有多个参数,yPos (number, 默以为 0),其值为索要滚动到的 Y 地方。

十九. $.mobile.activePage 引用当前激活的页面。

二十. 有关艺术的调用 1. 办法调用相应 JavaScript 的引进

在介绍自定义 jQuery Mobile 暗许配置时,曾经表达了对应的 JavaScript 语句必要停放在 jQuery 库和 jQuery Mobile 库之间,而 jQuery Mobile 方法是对 jQuery Mobile 的调用,因而供给在引入 jQuery Mobile 库之后调用,具体如下:

<script src="jquery.min.js"></script>
<!-- 引入自定义 jQuery Mobile 默认配置相应的 JavaScript -->
<script src="custom-mobile.js"></script>
<script src="jquery-mobile.min.js"></script>
<!-- 引入 jQuery Mobile 的调用,包括 jQuery Mobile 的方法、事件检测等全部应用性 JavaScript -->
<script src="my-site.js"></script>
  1. 方法的调用

对于 jQuery 开荒者,应该比较习惯在触发 ready 事件后进行 JavaScript ,譬如:

$(document).ready(function(){
  // 执行 JavaScript
});

或简写为,

$(function(){
  // 执行 JavaScript
});

此地说飞鹤下,当 DOM 已经加载,况且页面(富含图像)已经完全显示出时,会触发 ready 事件。

而在密密麻麻小说的上一篇中,Kayo 介绍了 pageinit 事件,它在 DOM 加载完毕后(蕴含 jQuery Mobile 对成分的 DOM 巩固),就能够接触,即它比 ready 更早的触发。

但鉴于 jQuery Mobile 驱动的网址由 Ajax 导航,由此尽管多少个文书档案中蕴藏多个'page' ,当第几个 'page' 的 DOM 和内容加载完成后就能够触发 ready 事件,而 pageint 也只需率先个 'page' 的 DOM 加载完毕后即触发。

而结尾使用这种事件作为初始调用方法的合适时机,会提到众多福利的虚拟,开辟者应该依照实际意况作出抉择。

下边例举多少个事例表明怎么着调用 jQuery Mobile 方法,由于 jQuery Mobile 的办法很多,这里只行使 $.mobile.changePage() 方法身体力行怎么样调用方法。例子中的 JavaScript 代码如下:

$(function(){

  $("#home").bind('swipeleft', function(){

    $.mobile.changePage('./page-2.html', {
      transition: "slide",
      role: "dialog"
    });

  });
});

上例中经过检验向左划动事件触发跳转到八个外界页面,同一时间使用 'slide' 转场动画并以对话框格局呈现新页面。

您只怕感兴趣的文章:

  • jQuery Mobile 和 Kendo UI 的比较
  • jQuery Mobile页面重回不必要再行get
  • 详解jQuery Mobile自定义标签
  • jQuery mobile 移动web(4)
  • 利用jQuery mobile库检查实验url相对地址和周旋地址的不二秘技
  • jquerymobile checkbox及时刷新本事博取其精确值
  • jQuery Mobile的loading对话框展现/掩饰方法分享
  • JqueryMobile动态生成listView并促成刷新的三种格局
  • 行使jquery mobile做幻灯播放效果实现步骤
  • jQuery Mobile 导航栏代码
  • jQueryMobile之Helloworld与页面切换的办法
  • jQuery Mobile框架中的表单组件基础运用教程

本文由小鱼儿玄机二站发布于计算机网络,转载请注明出处:Mobile操作HTML5的常用函数总结,mobile库检测url绝对

关键词: