如何用JavaScript获取当前页面的网址？

JavaScript027

如何用JavaScript获取当前页面的网址？,第1张

可以使用下列代码获取当前页面的网址：

window.location

// 或者

window.location.href

实例演示：

1、新建一个空白Html文档

2、输入javascript代码

<script>

    alert(window.location.href)

</script>

3、查看效果

1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。

2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。

4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。

5、查看元素已经应用的CSS样式，点击"computed"菜单。

6、然后查看元素的布局信息，点击"Layout"菜单。

你说的title是<title>标签，还是title属性（例如：<a href="http://www.baidu.com" title="百度">百度</a>）？

如果是后者，实现是可以实现，但你得维护一份title与对应链接的对照表，不然浏览器肯定不知道title是百度时链接跳哪里。

示例：

function jumpPage(this) {

var title = this.getAttribute('title'),

hrefStr = title + '.html'

// 标题及链接对照表

var urlTable = [

{

'name': '百度',

'url': 'www.baidu.com'

}, {

'name': '新浪',

'url': 'www.sina.com'

}, {

'name': '网易',

'url': 'www.163.com'

}

]

for (var i = 0 i < urlTable.length i++) {

if (urlTable[i].name == title) {  // 如果title和对照表中的name相同

hrefStr = 'http://' + urlTable[i].url

}

}

location.href = hrefStr

}