当前位置:小鱼儿玄机二站 > 关于计算机 > mobile转换url地址及获取url中目录部分的方法

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

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

path.makeUrlAbsolute() 把相对UWranglerL转化为相对UEscortL

选拔jquery获取url以及使用jquery获取url参数是大家平常要用到的操作

jQuery.mobile.path.makeUrlAbsolute( relUrl, absUrl )

1、jquery获取url很简短,代码如下

把相对USportageL转化为相对UEvoqueL的议程。那么些函数再次来到一个字符串,相对U奥德赛L。

window.location.href;

relUrl:绝对网站。类型:字符串。

其实只是选用了javascript的底子的window对象,并从未用jquery的学识

absUrl:相对网站。类型:字符串。

2、jquery获取url参数比较复杂,要用到正则表明式,所以学好javascript正则式多么主要的事情

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jQuery.mobile.path.makeUrlAbsolute 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">
  <p>The absoulte URL used is http://foo.com/a/b/c/test.html</p>
  <input type="button" value="file.html" id="button1" class="myButton" data-inline="true">
  <input type="button" value="../../foo/file.html" id="button2" class="myButton" data-inline="true">
  <input type="button" value="//foo.com/bar/file.html" id="button3" class="myButton" data-inline="true">
  <input type="button" value="?a=1&b=2" id="button4" class="myButton" data-inline="true">
  <input type="button" value="#bar" id="button5" 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 absUrl = $.mobile.path.makeUrlAbsolute( $( this ).attr( "value" ), "http://foo.com/a/b/c/test.html" ); 
  $( "#myResult" ).html( absUrl );
 }) 
});
</script>

</body>
</html>

第一拜会单纯的经过javascript是怎么着来猎取url中的某些参数

path.get() 明确U奥迪Q3L中的目录部分

function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r!=null) return unescape(r[2]); return null; //返回参数值
} 
jQuery.mobile.path.get( url )

经过那个函数传递url中的参数名就能够获得到参数的值,比方url为

url:独有贰个参数。类型:字符串。

规定ULX570L中的目录部分的实用方法。借使U途乐L未有斜线,URL的一片段被以为是二个文书。这些函数重临一个加以的UOdysseyL目录部分。

我们要获得cid的值,能够如此写:

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jQuery.mobile.path.get 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="http://foo.com/a/" id="button2" class="myButton" data-inline="true" />
  <input type="button" value="http://foo.com/a" id="button3" class="myButton" data-inline="true" />
  <input type="button" value="//foo.com/a/file.html" id="button4" class="myButton" data-inline="true" />
  <input type="button" value="/a/file.html" id="button5" class="myButton" data-inline="true" />
  <input type="button" value="file.html" id="button6" class="myButton" data-inline="true" />
  <input type="button" value="/file.html" id="button7" class="myButton" data-inline="true" />
  <input type="button" value="?a=1&b=2" id="button8" class="myButton" data-inline="true" />
  <input type="button" value="#foo" id="button9" 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 dirName = $.mobile.path.get( $( this ).attr( "value" ) ); 
  $( "#myResult" ).html( String( dirName ) );
 }) 
});
</script>

</body>
</html>
getUrlParam('cid');

您可能感兴趣的篇章:

  • JQuery将文件转化成JSON对象须求注意的标题
  • javascript中html字符串转化为jquery dom对象的章程
  • JQUE奥迪Q5Y 对象与DOM对象之两者并行间的转换
  • jQuery对象与DOM对象时期的调换方法
  • jQuery怎么样将入选的靶子转化为本来的DOM对象
  • jQuery对象和DOM对象相互转化
  • jQuery对象和DOM对象的竞相转化完成代码
  • JS对象转变为Jquery对象达成代码
  • 使用jquery获取url及url参数的粗略实例
  • 选取jquery获取url以及jquery获取url参数的完毕形式
  • jquery获取url参数及url加参数的措施
  • jQuery完成目的转为url参数的形式

精晓了javascript获取url参数的办法,我们得以经过那一个措施为jquery扩充八个主意来由此jquery获取url参数,下边包车型客车代码为jquery扩张了贰个getUrlParam()方法

(function($){
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);

为jquery扩张了这一个点子了之后我们就可以通过如下方法来得到某些参数的值了

$.getUrlParam('cid');

以上那篇使用jquery获取url以及jquery获取url参数的兑现格局正是作者分享给大家的全体内容了,希望能给我们二个参阅,也希望咱们多多协理脚本之家。

你恐怕感兴趣的篇章:

  • JQuery将文件转化成JSON对象急需小心的标题
  • javascript中html字符串转化为jquery dom对象的主意
  • JQUEMuranoY 对象与DOM对象之两个并行间的转移
  • jQuery对象与DOM对象时期的转变方法
  • jQuery怎么着将入选的靶子转化为本来的DOM对象
  • jQuery对象和DOM对象相互转化
  • jQuery对象和DOM对象的相互转化达成代码
  • JS对象调换为Jquery对象完毕代码
  • 动用jquery获取url及url参数的简练实例
  • jQuery mobile转变url地址及获得url中目录部分的主意
  • jquery获取url参数及url加参数的措施
  • jQuery完成指标转为url参数的不二秘技

本文由小鱼儿玄机二站发布于关于计算机,转载请注明出处:mobile转换url地址及获取url中目录部分的方法

关键词: