jQuery如何轉換url位址取得url目錄
這次帶給大家jQuery如何轉換url位址取得url目錄，jQuery轉換url位址取得url目錄的注意事項有哪些，下面就是實戰案例，一起來看一下。
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>
<p data-role="page">
<p 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">
<p id="myResult">The result will be displayed here</p>
</p>
</p>
<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>
<p data-role="page">
<p 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" />
<p id="myResult">The result will be displayed here</p>
</p>
</p>
<script>
$(document).ready(function() {
$( ".myButton" ).on( "click", function() {
var dirName = $.mobile.path.get( $( this ).attr( "value" ) );
$( "#myResult" ).html( String( dirName ) );
})
});
</script>
</body>
</html>我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
#以上是jQuery如何轉換url位址取得url目錄的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
谷歌安全碼在哪裡獲取
Mar 30, 2024 am 11:11 AM
谷歌驗證器是一種用於保護使用者帳戶安全的工具，其金鑰是用於產生動態驗證碼的重要資訊。如果忘記了谷歌驗證器的金鑰，只能透過安全碼進行驗證，那麼下文站小編就會為大家帶來谷歌安全碼在哪裡取得的詳細內容介紹，希望能幫助到大家，想要了解的用戶們就請跟著下文繼閱讀吧！首先開啟手機設置，進入設定頁面。下拉頁面，找到Google。進入Google頁面，點選Google帳號。進入帳號頁面，點選驗證碼下方的檢視。輸入密碼或使用指紋驗證身分。取得Google安全碼，利用安全碼驗證Google身分。
美團地址在哪裡改？美團地址修改教學！
Mar 15, 2024 pm 04:07 PM
一、美團地址在哪裡改？美團地址修改教學！方法(一)1.進入美團我的頁面，點選設定。 2.選擇個人資訊。 3.再點選收貨地址。 4.最後選擇要修改的地址，點選地址右側的筆圖標，修改即可。方法(二)1.在美團app首頁，點選外賣，進入後點選更多功能。 2.在更多介面，點選管理地址。 3.在我的收貨地址介面，選擇編輯。 4.依需求一一修改，最後點選儲存地址即可。
jQuery中如何使用PUT請求方式？
Feb 28, 2024 pm 03:12 PM
jQuery中如何使用PUT請求方式？在jQuery中，發送PUT請求的方法與發送其他類型的請求類似，但需要注意一些細節和參數設定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發送PUT請求：$.ajax({u
手機如何查看MAC位址（簡單操作讓你輕鬆取得裝置的MAC位址）
Apr 19, 2024 pm 06:19 PM
我們可能需要查看手機的MAC位址、在一些特定的情況下，例如設定無線網路過濾或進行裝置管理。本文將教你如何透過手機輕鬆取得設備的MAC位址。 1.什麼是MAC位址2.手機系統：Android和iOS3.Android系統中查看MAC位址的方法4.iOS系統中查看MAC位址的方法5.使用設備管理應用程式查看MAC位址6.透過無線路由器查看連接設備的MAC位址7.透過第三方應用程式查看MAC位址8.透過手機設定中的開發者選項查看MAC位址9.使用網路分析工具查看MAC位址10.透過命令列方式查看MAC位址
jQuery小技巧：快速修改頁面所有a標籤的文本
Feb 28, 2024 pm 09:06 PM
標題：jQuery小技巧：快速修改頁面所有a標籤的文字在網頁開發中，我們經常需要對頁面中的元素進行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標籤的文字內容，這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本，同時給出具體的程式碼範例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<
使用jQuery修改所有a標籤的文字內容
Feb 28, 2024 pm 05:42 PM
標題：使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網頁開發中，經常會遇到需要修改頁面上連結標籤（a標籤）的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標，並提供具體的程式碼範例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：
真我 12 Pro怎麼安裝雙卡？
Mar 18, 2024 pm 02:10 PM
雖然說國產手機的大致操作是很相似的，但是在有的細節上面還是會有些區別的，比如說不同的手機型號和製造商可能會有不同的雙卡安裝方式。二真我12Pro這款新手機也是支援雙卡雙待的，但這款手機具體又該怎麼安裝雙卡呢？真我12Pro怎麼安裝雙卡？安裝之間記得先把手關機喲。步驟一查找SIM卡托盤：查找手機的SIM卡托盤,通常，在真我12Pro中，SIM卡托盤位於手機的側邊或頂部。步驟二插入第一張SIM卡，使用專用的SIM卡針或一個細小的物體，將其插入SIM卡托盤中的開槽,然後，將第一張SIM卡小心地
假未來水晶幣怎麼獲得
Mar 22, 2024 am 08:00 AM
很多玩家想知道假未來水晶幣怎麼獲得，其實有四種不同的方法，包括購買禮包、完成任務、生產貨物、開拓土地等，玩家可以根據自己的需求選擇不同方式賺取水晶幣，具體內容一起來看看這篇假未來水晶幣獲得方法攻略。假未來攻略大全假未來水晶幣怎麼獲得1、購買禮包商城購買水晶幣禮包。 2、完成任務完成主線、支線任務獲得。 3.生產貨物家園中生產貨物獲得水晶幣。 4.開拓土地開拓土地也能獲得，不過獎勵是一次性。
