浏览器抓取网页(通过实际例子讲解怎么使用javascript或者jquery获取地址url参数)

优采云 发布时间: 2021-09-22 04:02

  浏览器抓取网页(通过实际例子讲解怎么使用javascript或者jquery获取地址url参数)

  本文将解释如何使用JavaScript或jQuery通过实际示例来获取地址URL参数,希望您能喜欢它。问题描述今天,我做了一个话题。虽然PHP也可以这样做,但是考虑到它们的特殊效果代码在jQuery上完成,认为它可以直接在地址栏中直接获得链接参数内的数字直接实现。假设页面的地址是这样的。 ,然后我想获得最后一个数字165,你可以通过这个代码

  var url= window.location.href;

var index = url.substring(url.lastIndexOf('/') + 1);

  但这是一个缺陷。如果我得到的地址不是这样的形式,但如果此索引的值不是数字。解决方案以下可能更好?

  var lastBit = url.substring(url.lastIndexOf('/') + 1).match(/[^/]*$/)[0];

var lastDigits = url.substring(url.lastIndexOf('/') + 1).match(/[0-9]*$/)[0]; // 获取的是数字部分

  获取查询值JavaScript版本:

  function getUrlParam(name){

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

var r = window.location.search.substr(1).match(reg);

if (r!=null) return unescape(r[2]); return null;

}

//获取http://caibaojian.com/?p=177.html的p值

getUrlParam('p'); //输出177

  jQuery版本:

  

(function($){

$.getUrlParam = function(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

var r = window.location.search.substr(1).match(reg);

if (r!=null) return unescape(r[2]); return null;

}

})(jQuery);

$(function(){

alert(window.location.href);

alert($.getUrlParam('page'));

})

  在上面的页面时,我们使用上面的jQuery代码,将弹出5号。本网站的内容扩展:80 / file / post / 0703 / window.location.html? ver = 1. 0& ID = 6#Imerher我们可以使用JavaScript获取各种部分1,Window.Location。 href -----------整个URL字符串(浏览器中的完整地址栏)此示例返回:: 80 / fisker / post / 0703 / window.location.html? ver = 1. 0& ID = 6#IMHERE2,Window.Location.Protocol ------- URL协议部分此示例返回:http:3,window.location.host -------- - --URL的主机部分此示例返回:4,window.location.port.port ----- URL端口部分如果使用默认值80端口(更新:即使添加:8 0),则返回值不是默认值80是一个空字符。此示例返回:“”5,window.location.pathName(URL的路径一部分(即文件地址))此示例返回:/fisker/post/0703/window.location.html6,window.location.search ------查询(参数)部分除了动态语言,我们还可以提供静态页面,并使用JavaScript获取此案例的参数值。此示例返回:? ver = 1. 0& id = 67,window.location.hash -------锚点点此示例返回:#imhere

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线