Location assign() 方法用於加載新文檔。它還可用於加載新文檔,但這兩種方法之間的區別在於,replace() 方法從文檔曆史記錄中刪除當前文檔的 URL,因此無法使用“back”按鈕。
用法:
location.assign(URL)
使用的參數:
- URL: 它是一個強製參數,指定要導航到的頁麵的 URL。
以下示例程序旨在說明位置 assign() 方法:
加載新文檔。
html
<!DOCTYPE html>
<html>
<head>
<title>Location assign() Method in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Location assign() Method</h2>
<p>For loading a new document,
double click the "Load Document" button: </p>
<button ondblclick="load()">Load Document</button>
<script>
function load() {
location.assign("https://www.geeksforgeeks.org");
}
</script>
</body>
</html>
輸出:
單擊按鈕後
注意:上述程序不適用於所有鏈接,因為在許多情況下不允許交叉框架,請通過分配鏈接“https://ide.geeksforgeeks.org/”來嘗試。
支持的網絡瀏覽器
- 穀歌瀏覽器1
- 邊 12
- 互聯網瀏覽器 5.5
- 火狐1
- Opera 3
- 狩獵3
相關用法
- HTML DOM Location search屬性用法及代碼示例
- HTML DOM Location hash屬性用法及代碼示例
- HTML DOM Location host屬性用法及代碼示例
- HTML DOM Location hostname屬性用法及代碼示例
- HTML DOM Location href屬性用法及代碼示例
- HTML DOM Location origin屬性用法及代碼示例
- HTML DOM Location pathname屬性用法及代碼示例
- HTML DOM Location port屬性用法及代碼示例
- HTML DOM Location protocol屬性用法及代碼示例
- HTML DOM Location replace()用法及代碼示例
- HTML DOM Location reload()用法及代碼示例
- HTML DOM Location用法及代碼示例
- HTML DOM Link sizes屬性用法及代碼示例
- HTML DOM Link href屬性用法及代碼示例
- HTML DOM Link disabled屬性用法及代碼示例
- HTML DOM Link hreflang屬性用法及代碼示例
- HTML DOM Link rel屬性用法及代碼示例
- HTML DOM Link type屬性用法及代碼示例
- HTML DOM Legend form屬性用法及代碼示例
- HTML DOM Label htmlFor屬性用法及代碼示例
- HTML DOM Link用法及代碼示例
- HTML DOM Legend用法及代碼示例
- HTML DOM Label用法及代碼示例
- HTML DOM Link media屬性用法及代碼示例
- HTML DOM Link crossOrigin屬性用法及代碼示例
注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML DOM Location assign( ) Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。