HTML中的Location pathname屬性用於設置或返回URL的路徑名。 Location pathname屬性返回一個表示URL路徑名的字符串。
用法:
- 它返回路徑名屬性。
location.pathname
- 它用於設置路徑名屬性。
location.pathname = path
以下示例程序旨在說明HTML中的Location pathname屬性:
例:
<!DOCTYPE html>
<html>
<head>
<title>DOM Location pathname Property</title>
<style>
h1 {
color:green;
}
h2 {
font-family:Impact;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM Location pathname Property</h2>
<p>
For returning the path name of the
current URL, double click the "Return
Pathname" button:
</p>
<button ondblclick="mypath()">
Return Pathname
</button>
<p id="path"></p>
<script>
function mypath() {
var p = location.pathname;
document.getElementById("path").innerHTML = p;
}
</script>
</body>
</html>
輸出:
單擊按鈕後:
支持的瀏覽器:以下列出了Location pathname屬性支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
相關用法
- HTML Area pathname用法及代碼示例
- HTML Anchor pathname用法及代碼示例
- HTML Location Search用法及代碼示例
- HTML Location hostname用法及代碼示例
- HTML Location port用法及代碼示例
- HTML Location origin用法及代碼示例
- HTML Location hash用法及代碼示例
- HTML Location host用法及代碼示例
- HTML KeyboardEvent location用法及代碼示例
- HTML Location href用法及代碼示例
- HTML Location protocol用法及代碼示例
- HTML DOM Location replace()用法及代碼示例
- HTML DOM Location reload()用法及代碼示例
- HTML Location assign()用法及代碼示例
- Node.js URL.pathname用法及代碼示例
注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML | DOM Location pathname Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。