详解js获取当前页面url信息

作者:admin   时间:2020-07-09   访问量:3

  网站的搜索页如何利用JS写出动态的tile呢?首要的条件就是要获取当前页面的url的信息。下面大树就用以本站为例,讲一下JS获取当前页面url的信息,然后改写title、keywords和description的方法:

  var url = window.location.search;

  var arrMeta = document.getElementsByTagName("meta");

  var kw = decodeURI(url.split('=')[1]);

  document.title = '"' + kw + '"' + '搜索结果页' + '-大树SEO';

  for(var i=0;i

  if(arrMeta[i].name == 'keywords'){

  arrMeta[i].content = kw;

  }

  if(arrMeta[i].name == 'description'){

  arrMeta[i].content = '当前页面是'+'"' + kw + '"' +'的搜索结果页,如果您没有找到想要的内容,欢迎留言。';

  }

  }

  JS获取url的方法详解:

  url = window.location.href; /* 获取完整URL */

  alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */

  url = window.location.pathname; /* 获取文件路径(文件地址) */

  alert(url); /* /Test/index.html */

  url = window.location.protocol; /* 获取协议 */

  alert(url); /* http */

  url = window.location.host; /* 获取主机地址和端口号 */

  alert(url); /* http://127.0.0.1:8020/ */

  url = window.location.hostname; /* 获取主机地址 */

  alert(url); /* http://127.0.0.1/ */

  url = window.location.port; /* 获取端口号 */

  alert(url); /* 8020 */

  url = window.location.hash; /* 获取锚点(“#”后面的分段) */

  alert(url); /* #test?name=test */

  url = window.location.search; /* 获取属性(“?”后面的分段) */

  alert(url);

  /* 如果需要URL中的某一部分,可以自己进行处理 */

  url = window.location.pathname;

  url = url.substring(url.lastIndexOf('/') + 1, url.length);

  alert(url); /* /index.html */

  /*

  * 如果页面使用了框架(frameset)

  * 要获取到指定页面的URL

  * 只要把window换成指定的页面即可

  */

  /* 'frame'为指定页面的class名 */

  var url = window.parent.frames['frame'].location.href;

  /* 获取当前地址栏中显示的URL */

  var url = window.parent.location.href;

  /* window parent 可互换 */

  var url = parent.window.location.href;


【地址】:http://www.inseo.cn/seo/33.html转载请注明出处


相关文章
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性,单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下:

switch-case基本用法与注意事项

switch-case 一般的用它来做值匹配的。switch-case其实也是可以做范围匹配的。 但是不推荐。

总结js常用的dom操作(js的dom操作API)

本文总结了常用的js的dom操作方法,供大家翻阅!其实说起js操作dom,我很久很久之前有篇文章,jquery属性的相关js实现方法,里面囊括了很大一部分js操作dom的常用方法,但是不是很系统。不能说是API,今天来系统总结一下!

js数据类型转换

js里的数据类型转换 1、类型转换 转换为字符串 - String(x)- x.toString(x, 10)- x+'' 转换为数字 - Number(x)- parseInt(x, 10) - parseFloat(x)...

Copyright © 2018-2030 大树SEO All Rights Reserved.