JavaScript實(shí)現(xiàn)簡單獲取當(dāng)前網(wǎng)頁網(wǎng)址的方法

更新時間：2015年11月09日 11:14:38 作者：企鵝

這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡單獲取當(dāng)前網(wǎng)頁網(wǎng)址的方法,通過location對象的href方法來獲取網(wǎng)址,非常簡單實(shí)用,需要的朋友可以參考下

本文實(shí)例講述了JavaScript實(shí)現(xiàn)簡單獲取當(dāng)前網(wǎng)頁網(wǎng)址的方法。分享給大家供大家參考，具體如下：

這里演示使用JavaScript取得當(dāng)前網(wǎng)頁的網(wǎng)址，是一個比較有用的功能，點(diǎn)擊“運(yùn)行”查看效果吧。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-show-nav-url-codes/

具體代碼如下：

<html>
<head>
<title>取得目前頁面頁的網(wǎng)址</title>
</head>
<body>
目前頁面網(wǎng)址為：
<script language="javascript">
<!--
 url = window.location.href;
 document.write(url);
-->
</script>
</body>
</html>

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

nodejs分離html文件里面的js和css的方法
這篇文章主要介紹了nodejs分離html文件里面的js和css的方法，本文需要分離出一個html 文件里面的script 和style 里面的內(nèi)容，然后單獨(dú)生成js文件和css 文件，感興趣的可以了解一下
2019-04-04
JavaScript變速動畫函數(shù)封裝添加任意多個屬性
這篇文章主要介紹了JavaScript變速動畫函數(shù)封裝添加任意多個屬性 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-04-04
JavaScript實(shí)現(xiàn)倒計時跳轉(zhuǎn)頁面功能【實(shí)用】
本文分享了JavaScript實(shí)現(xiàn)倒計時跳轉(zhuǎn)頁面功能的具體實(shí)例代碼，頁面代碼簡單，直接拷貝就能運(yùn)行，頁面可以自己美化下哦。需要的朋友一起來看下吧
2016-12-12
JS前端知識點(diǎn) 運(yùn)算符優(yōu)先級，URL編碼與解碼，String，Math，arguments操作整理總結(jié)
這篇文章主要介紹了JS前端知識點(diǎn) 運(yùn)算符優(yōu)先級，URL編碼與解碼，String，Math，arguments操作,結(jié)合實(shí)例形式整理總結(jié)了javascript運(yùn)算符優(yōu)先級，URL編碼與解碼，String，Math，arguments操作原理及使用技巧,需要的朋友可以參考下
2019-06-06
淺析在javascript中創(chuàng)建對象的各種模式
下面小編就為大家?guī)硪黄獪\析在javascript中創(chuàng)建對象的各種模式。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
詳解JavaScript如何避免內(nèi)存泄漏
這篇文章主要為大家詳細(xì)介紹了JavaScript內(nèi)存泄漏的編程模式,并提供一些內(nèi)存管理的改進(jìn)方法,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下
2023-10-10
微信小程序swiper實(shí)現(xiàn)文字縱向輪播提示效果
這篇文章主要介紹了微信小程序swiper實(shí)現(xiàn)文字縱向輪播提示效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2020-01-01
原生javascript制作貪吃蛇小游戲的方法分析
這篇文章主要介紹了原生javascript制作貪吃蛇小游戲的方法,結(jié)合具體實(shí)例形式分析了JavaScript實(shí)現(xiàn)貪吃蛇小游戲的具體步驟、功能實(shí)現(xiàn)、數(shù)值運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下
2020-02-02
JS面向?qū)ο缶幊獭狤S6 中class的繼承用法詳解
這篇文章主要介紹了JS面向?qū)ο缶幊獭狤S6 中class的繼承用法,結(jié)合實(shí)例形式詳細(xì)分析了ES6中class繼承的相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下
2020-03-03
原生JavaScript實(shí)現(xiàn)留言板
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)留言板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01