js获取链接的域名、端口、文件地址及协议

上周七娃更新了静态html页面传参数的教程,其中在url+参数=*,访问的时候页面就可以有选择进行加载,那么参数错误,或者id不存在的时候,我想让跳到默认的页面,而不是弹窗报错,这样显示更加友好,那么就需要知道当前网站的域名及文件夹状态,当然链接不能写死了,不然需要手动修改,这就需要用js的宿主对象window的操作了,以下是几种常见常用的宿主对象的使用方法:

window.location.href;     //获取当前url地址
window.location.hostname; //获取链接中的域名
window.location.pathname; //获取域名后的文件路径
window.location.port;     //获取当前url的端口
window.location.protocol; //获取链接的协议,http:,https:
window.location.search; //获取请求的参数
window.location.origin;  //获取?之前的全部链接

那么,我们需要知道url的协议+域名+文件路径三个部分,以下分别声明定义:

var hp = window.location.protocol;  //获取url的协议
var hn = window.location.hostname; //获取域名链接
var pn = window.location.pathname; //获取文件路径

var urlGo = hp + hn + pn +"?参数=" + 0;
//定义一个默认的链接,当参数不存在就跳转到参数为0的页面

这样就解决了ajax加载时出错,加载空白的不友好的页面效果,有用到的希望可以点个赞支持一下七娃!

赞(0) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » js获取链接的域名、端口、文件地址及协议
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏