JavaScript使用location对象

JavaScript使用location对象,location对象包含当前加载页面的URL信息。

页面的URL是由多个部分组成的:

[协议]//[主机名]:[端口]/[路径][搜索][hash]

下面是个URL范例:

http://www.example.com:8080/tools/display.php?section=435#list

location对象的一系列属性包含了URL各个部分的数据,如表所示。

JavaScript使用location对象

用location对象导航

利用location对象有两种方式可以帮助用户导航至新页面。

第一种是直接设置对象的href属性:

location.href = ′www.newpage.com′;

用这种方法把用户转移到新页面时,原始页面还保留在浏览器的历史记录里,用户可以利用浏览器的“Back”按钮方便地返回到以前的页面。如果想用新的URL直接替换当前页面,即把当前页面从历史记录列表里删除,可以用location对象的replace()方法:

location.replace(′www.newpage.com′);

这样就会在浏览器和历史记录列表里都用新的URL来代替旧的URL。

刷新页面

如果要在浏览器里重新加载当前页面,也就是相当于用户单击“reload”按钮,可以用reload()方法:

location.reload();

提示:避免缓存问题
如果用没有参数的reload()方法,当浏览器的缓存中保存了当前页面时,就会加载缓存的内容。为了避免发生这种情况,确保从服务器获得页面数据,可以在调用reload()方法时添加参数true:

document.reload(true);

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!