js或jquery获取浏览器端IP地址

js或jquery获取浏览器端IP地址,第1张

如何用js或者jquery获取客户端的IP地址

$getJSON(">

IP地址是指互联网协议地址(英语:Internet Protocol Address,又译为网际协议地址),是IP Address的缩写。IP地址是IP协议提供的一种统一的地址格式,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异。目前还有些ip代理软件,但大部分都收费。

IP地址类型;

公有地址:

公有地址(Public address)由Inter NIC(Internet Network Information Center因特网信息中心)负责。这些IP地址分配给注册并向Inter NIC提出申请的组织机构。通过它直接访问因特网。

私有地址:

私有地址(Private address)属于非注册地址,专门为组织机构内部使用。

以下列出留用的内部私有地址:

A类 10000--10255255255

B类 1721600--17231255255

C类 19216800--192168255255

两种方法:方法一:正则分析法参考代码:functiongetQueryString(name){varreg=newRegExp("(^|&)"+name+"=([^&])(&|$)","i");varr=windowlocationsearchsubstr(1)match(reg);if(r!=null)returnunescape(r[2]);returnnull;}调用方法:alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));方法二:字符串截取法调用:调用方法:

浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。

写一个js获取userAgent属性的html文件,文件内容如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script>

alert(windownavigatoruserAgent);

</script>

</head>

<body>

<h1>测试浏览器类型</h1>

</body>

</html>

Chrome对应userAgent信息:

Chrome/后面紧跟的380数字串为当前浏览器版本

FF对应userAgent信息

Firefox/后面紧跟的330为当前FF版本

IE对应userAgent信息;其中MSIE后面的数字代表当前版本,如图:笔者所有为ie90

另外, 只有IE支持创建ActiveX控件,因此她有一个其他浏览器没有的东西,就是ActiveXObject函数。只要判断window对象存在 ActiveXObject函数,就可以明确判断出当前浏览器是IE。

Opera对应userAgent信息:

OPR/后面紧跟的250数字串为当前Opera浏览器版本

Safari对应userAgent信息

Version/后面紧跟的517为Safari浏览器当前版本

js中获取某个元素到浏览器最左和最右的距离的程序代码是:

<!doctype html><html><head><meta charset="UTF-8"><style>

body{margin: 0;padding: 0;}

mdiv{width: 100px;height: 100px;background-color: red;}

</style></head><body><div style="height: 1000px"></div><div></div><script src="jqueryjs"></script> //自行下载<script>//原生//获取div距离顶部的距离

var mTop = documentgetElementsByClassName('banner')[0]offsetTop;

//减去滚动条的高度var sTop = documentbodyscrollTop;var result = mTop - sTop;consolelog(result);//Jquery

mTop = $('banner')[0]offsetTop;

sTop = $(window)scrollTop();

result = mTop - sTop;

consolelog(result);

</script></body>

如何用js或者jquery获取客户端的IP地址:

$getJSON(">

IP地址是指互联网协议地址(英语:Internet Protocol Address,又译为网际协议地址),是IP Address的缩写。IP地址是IP协议提供的一种统一的地址格式,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异。目前还有些ip代理软件,但大部分都收费。

IP地址类型;

公有地址:

公有地址(Public address)由Inter NIC(Internet Network Information Center因特网信息中心)负责。这些IP地址分配给注册并向Inter NIC提出申请的组织机构。通过它直接访问因特网。

私有地址:

私有地址(Private address)属于非注册地址,专门为组织机构内部使用。

以下列出留用的内部私有地址:

A类 10000--10255255255

B类 1721600--17231255255

C类 19216800--192168255255

IE中: 

documentbodyclientWidth ==> BODY对象宽度 

documentbodyclientHeight ==> BODY对象高度 

documentdocumentElementclientWidth ==> 可见区域宽度 

documentdocumentElementclientHeight ==> 可见区域高度

FireFox中: 

documentbodyclientWidth ==> BODY对象宽度 

documentbodyclientHeight ==> BODY对象高度 

documentdocumentElementclientWidth ==> 可见区域宽度 

documentdocumentElementclientHeight ==> 可见区域高度

Opera中: 

documentbodyclientWidth ==> 可见区域宽度 

documentbodyclientHeight ==> 可见区域高度 

documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) 

documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 

没有定义W3C的标准,则 

IE为: 

documentdocumentElementclientWidth ==> 0 

documentdocumentElementclientHeight ==> 0 

FireFox为: 

documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) 

documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 

Opera为: 

documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) 

documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 

网页可见区域宽: documentbodyclientWidth 

网页可见区域高: documentbodyclientHeight 

网页可见区域宽: documentbodyoffsetWidth (包括边线的宽) 

网页可见区域高: documentbodyoffsetHeight (包括边线的高) 

网页正文全文宽: documentbodyscrollWidth 

网页正文全文高: documentbodyscrollHeight 

网页被卷去的高: documentbodyscrollTop 

网页被卷去的左: documentbodyscrollLeft 

网页正文部分上: windowscreenTop 

网页正文部分左: windowscreenLeft 

屏幕分辨率的高: windowscreenheight 

屏幕分辨率的宽: windowscreenwidth 

屏幕可用工作区高度: windowscreenavailHeight 

屏幕可用工作区宽度: windowscreenavailWidth 

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 

scrollHeight: 获取对象的滚动高度。 

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 

scrollWidth:获取对象的滚动宽度 

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

eventclientX 相对文档的水平座标 

eventclientY 相对文档的垂直座标 

eventoffsetX 相对容器的水平坐标 

eventoffsetY 相对容器的垂直坐标 

documentdocumentElementscrollTop 垂直方向滚动的值 

eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量

示例:

var winWidth = 0; 

var winHeight = 0; 

function findDimensions() //函数:获取尺寸 

    //获取窗口宽度 

    if (windowinnerWidth) 

        winWidth = windowinnerWidth; 

    else if ((documentbody) && (documentbodyclientWidth)) 

        winWidth = documentbodyclientWidth; 

    //获取窗口高度 

    if (windowinnerHeight) 

        winHeight = windowinnerHeight; 

    else if ((documentbody) && (documentbodyclientHeight)) 

        winHeight = documentbodyclientHeight; 

    //通过深入Document内部对body进行检测,获取窗口大小 

    if (documentdocumentElement && documentdocumentElementclientHeight && documentdocumentElementclientWidth) 

    { 

        winHeight = documentdocumentElementclientHeight; 

        winWidth = documentdocumentElementclientWidth; 

    } 

    //结果输出至两个文本框 

    documentform1availHeightvalue= winHeight; 

    documentform1availWidthvalue= winWidth; 

findDimensions(); 

//调用函数,获取数值 

windowonresize=findDimensions;

在js使用过程中可能会根据要求获取浏览器高度和宽度。

一、获取浏览器的高度:

jquery代码直接使用 $(window)height();

原生态JS代码需要考虑页面DOCTYPE的声明,使用以下代码:

<script>

var w=documentdocumentElementdocumentdocumentElementclientHeight:documentbodyclientHeight;

alert(w);

</script>

二、获取浏览器的宽度:

jquery代码直接使用 $(window)With();

原生态JS代码:

var w=documentdocumentElementdocumentdocumentElementclientWidth:documentbodyclientWidth;

jquery

$(function(){

/调整窗口自动调整宽度/

$(window)resize(function(){

var h = $(window)height();

var w = $(window)width();

consoleinfo("窗口高度:" + h + "; 窗口宽度:" + w);

});

});

以上就是关于js或jquery获取浏览器端IP地址全部的内容,包括:js或jquery获取浏览器端IP地址、如何用js获取浏览器URL中查询字符串的参数、如何用原生js获取opera浏览器的版本信息求解等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10037914.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-04
下一篇2023-05-04

发表评论

登录后才能评论

评论列表(0条)

    保存