jQuery mobile转换url地址及获取url中目录部分的方法
作者：goldensun 时间：2023-07-02 05:34:34
path.makeUrlAbsolute() 把相对URL转化为绝对URL
jQuery.mobile.path.makeUrlAbsolute( relUrl, absUrl )
把相对URL转化为绝对URL的方法。这个函数返回一个字符串，绝对URL。
relUrl：相对网址。类型：字符串。
absUrl：绝对网址。类型：字符串。
<!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>
path.get() 确定URL中的目录部分
jQuery.mobile.path.get( url )
url：只有一个参数。类型：字符串。
确定URL中的目录部分的实用方法。如果URL没有斜线，URL的一部分被认为是一个文件。这个函数返回一个给定的URL目录部分。
<!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>
标签：jQuery,url
0
投稿猜你喜欢
显卡驱动CUDA 和 pytorch CUDA 之间的区别
2021-12-29 04:35:31
js 模拟实现类似c#下的hashtable的简单功能代码
2024-04-19 09:44:51
Python面向对象魔法方法和单例模块代码实例
2023-05-02 19:03:16
python字典基本操作实例分析
2023-12-04 09:25:22
Python中Scrapy+adbapi提高数据库写入效率实现
2024-01-13 14:44:36
Java读取数据库表的示例代码
2024-01-15 05:41:08
MySql实现翻页查询功能
2024-01-16 11:32:35
js如何读取csv内容拼接成json
2023-08-13 02:20:14
Python实现基于SVM的分类器的方法
2023-11-18 18:20:02
python操作oracle的完整教程分享
2023-08-28 01:18:49
解读ASP.NET 5 & MVC6系列教程（6）：Middleware详解
2023-07-23 22:27:34
详解如何利用Python进行客户分群分析
2023-04-25 16:47:09
golang 通过ssh代理连接mysql的操作
2024-01-19 06:43:27
永久解决VSCode终端中文乱码问题
2023-09-18 14:47:57
使用Pyparsing处理复杂文本实现过程
2023-03-21 13:37:44
go语言yaml转map、map遍历的实现
2024-05-25 15:19:52
PyTorch深度学习模型的保存和加载流程详解
2023-07-10 04:58:33
Python实现去除列表中重复元素的方法总结【7种方法】
2021-10-08 00:24:16
python脚本监控Tomcat服务器的方法
2023-10-03 18:19:23
Python基于随机采样一至性实现拟合椭圆(优化版)
2021-10-19 15:08:36