整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
RL 是一個網頁地址。
URL可以由字母組成，如"runoob.com"，或互聯網協議（IP）地址： 192.68.20.50。大多數人進入網站使用網站域名來訪問，因為 名字比數字更容易記住。
URL - 統一資源定位器
Web瀏覽器通過URL從Web服務器請求頁面。
當您點擊 HTML 頁面中的某個鏈接時，對應的 <a> 標簽指向萬維網上的一個地址。
一個統一資源定位器(URL) 用于定位萬維網上的文檔。
一個網頁地址實例: http://www.runoob.com/html/html-tutorial.html 語法規則:
scheme://host.domain:port/path/filename
說明:
scheme - 定義因特網服務的類型。最常見的類型是 http
host - 定義域主機（http 的默認主機是 www）
domain - 定義因特網域名，比如 runoob.com
:port - 定義主機上的端口號（http 的默認端口號是 80）
path - 定義服務器上的路徑（如果省略，則文檔必須位于網站的根目錄中）。
filename - 定義文檔/資源的名稱
常見的 URL Scheme
以下是一些URL scheme：
| Scheme | 訪問 | 用于... |
|---|---|---|
| http | 超文本傳輸協議 | 以 http:// 開頭的普通網頁。不加密。 |
| https | 安全超文本傳輸協議 | 安全網頁，加密所有信息交換。 |
| ftp | 文件傳輸協議 | 用于將文件下載或上傳至網站。 |
| file | 您計算機上的文件。 |
URL 字符編碼
URL 只能使用 ASCII 字符集.
來通過因特網進行發送。由于 URL 常常會包含 ASCII 集合之外的字符，URL 必須轉換為有效的 ASCII 格式。
URL 編碼使用 "%" 其后跟隨兩位的十六進制數來替換非 ASCII 字符。
URL 不能包含空格。URL 編碼通常使用 + 來替換空格。
在線實例
如果您點擊下面的"提交"按鈕，瀏覽器會在發送輸入之前對其進行 URL 編碼。服務器上的頁面會顯示出接收到的輸入。
試著輸入一些字符，然后再次點擊提交按鈕。
URL 編碼實例
| 字符 | URL 編碼 |
|---|---|
| € | %80 |
| ￡ | %A3 |
| ? | %A9 |
| ? | %AE |
| à | %C0 |
| á | %C1 |
| ? | %C2 |
| ? | %C3 |
| ? | %C4 |
| ? | %C5 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
圖類、打車、外賣等類型的手機APP，一進入便咨詢是否允許獲取我們的位置，允許之后會根據我們所在位置推薦好物，逐漸地 H5 網頁也開始獲取用戶位置。Geolocation是 H5 新增的對象，用于定位。常見打開網頁有兩種方式：移動端和PC端。它們是根據什么如何定位的呢？
geolocation對象繼承在navigator對象內，它有兩種方法可以獲取用戶位置getCurrentPosition()和watchPosition()，還有clearWatch取消watchPosition。
getCurrentPosition：獲取一次位置
navigator.geolocation.getCurrentPosition(success=>{
console.log(success.coords)//包含位置的經緯度、速度、海拔、經緯度精度、海拔精度信息
},fail=>{
console.log(fail)//獲取失敗的原因
},{
//可增加的4個配置參數
enableHighAccuracy:true,//高精度
timeout:5000,//超時時間,以ms為單位
maximumAge:24*60*60*1000,//位置緩存時間,以ms為單位
})位置獲取成功后返回的 success.coords 的屬性
watchPosition：不斷獲取位置
navigator.geolocation.watchPosition(
success=>{
console.log(success.coords)//包含用戶位置速度海拔等信息
},
fail=>{
console.log(fail)//定位失敗原因
},
{
enableHighAccuracy:true,//高精度
timeout:60*1000,//超時，以ms為單位
maximumAge:24*60*60*1000,//位置緩存時間，以ms為單位
frequency:1000,//獲取頻率
}
)位置獲取成功后返回的 success.coords 的屬性與上述getCurrentPosition的一致。它兩唯一的區別就是一個獲取一次，另外一個獲取多次，多了一個獲取頻率參數。
clearWatch()： 取消當前位置的獲取，停止 watchPosition 方法。
clearWatch 與 js 中的clearInterval類似，clearInterval用于清除定時器。使用時語法如下：
var wPId = navigator.geolocation.watchPosition(
success=>{
console.log(success.coords)//包含用戶位置速度海拔等信息
},
fail=>{
console.log(fail)//定位失敗原因
},
{
enableHighAccuracy:true,//高精度
timeout:60*1000,//超時，以ms為單位
maximumAge:24*60*60*1000,//位置緩存時間，以ms為單位
frequency:1000,//獲取頻率
}
)
navigator.geolocation.clearWatch(wPId)由于該特性可能侵犯用戶的隱私，使用時自動會詢問用戶是否同意授權位置，除非用戶同意，否則無法獲取到用戶位置。
function getPosition(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(function(res){
console.log("res",res)//位置信息
},function(err){
console.log("err",err)
})
}
}
getPosition()在電腦上，直接使用瀏覽器打開文件，瀏覽器立馬彈出如下顯示框：
點擊禁止后，調試器中打印出報錯信息，報錯信息為：
{
code: 1
message: "User denied Geolocation" //用戶拒絕地理位置
}點擊允許之后，發現并未打印出位置信息，什么原因呢？PC是根據電腦的IP地址來解析位置的，此時直接打開文件沒有域名或ip，所以無法獲取位置，必須把文件放到服務內，如果你是不會起服務可以下載nginx，下載安裝成功之后文件放入html文件夾內，啟動nginx就可以訪問了。
啟動本地服務，再次獲取位置之后，發現依舊報錯，無法返回位置，報錯信息為：
{
code: 1,
message: "Only secure origins are allowed (see: https://goo.gl/Y0ZkNV)."//只允許安全來源
}意思就是只能在https域名下才可以哦！
還需要注意的是chrome的google瀏覽器也不能獲取位置，但是IE瀏覽器可以獲取到。
把上述案例放到線上，獲取位置只要用戶點擊同意就沒有問題啦！
除此之外，帶有位置的我們經常會用到輸入位置，在地圖中自動標記一個點，移動標記點到更具體的位置，如圖：
一般需要繪制地圖的時候，我們就借助三方的百度、高德、騰訊等地圖，注冊賬號，申請密鑰才可以使用。有空了可以去多看看，多了解了解！
位用戶的位置
HTML5 Geolocation API 用于獲得用戶的地理位置。
鑒于該特性可能侵犯用戶的隱私，除非用戶同意，否則用戶位置信息是不可用的。
瀏覽器支持
Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.
注意:Geolocation（地理定位）對于擁有 GPS 的設備，比如 iPhone，地理定位更加精確
HTML5 - 使用地理定位
請使用 getCurrentPosition() 方法來獲得用戶的位置。
下例是一個簡單的地理定位實例，可返回用戶位置的經度和緯度
實例
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.watchPosition(showPosition);
}
else{x.innerHTML="該瀏覽器不支持獲取地理位置。";}
}
function showPosition(position)
{
x.innerHTML="緯度: " + position.coords.latitude +
"<br>經度: " + position.coords.longitude;
}
</script>
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
