您的位置:

网页js获取器(js获取网页内容)

网页js获取器(js获取网页内容)

更新:

本文目录一览:

怎么用JS获取获取浏览器地址栏参数

方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)

function GetQueryString(name)

{

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

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

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

}

// 调用方法

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

下面举一个例子:

若地址栏URL为:abc.html?id=123url=

那么,但你用上面的方法去调用:alert(GetQueryString("url"));

则会弹出一个对话框:内容就是

如果用:alert(GetQueryString("id"));那么弹出的内容就是 123 啦;

当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:

所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:

var myurl=GetQueryString("url");

if(myurl !=null myurl.toString().length1)

{

alert(GetQueryString("url"));

}

这样就不会报错了!

方法二:传统方法

script type="text/javascript"

function UrlSearch()

{

var name,value;

var str=location.href; //取得整个地址栏

var num=str.indexOf("?")

str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ]

var arr=str.split(""); //各个参数放到数组里

for(var i=0;i arr.length;i++){

num=arr[i].indexOf("=");

if(num0){

name=arr[i].substring(0,num);

value=arr[i].substr(num+1);

this[name]=value;

}

}

}

var Request=new UrlSearch(); //实例化

alert(Request.id);

/script

比如说把这个代码存为1.html

那么我要访问1.html?id=test

这个时候就取到test的值了

在html里调用

script type="text/javascript"

var a="";

/script

/head

body

a id="a1" href=""sadfsdfas/a

script

var a1=document.getElementById("a1");

a1.href=a;

/script

script type="text/javascript"

var a="";

var s=a.indexOf("?");

var t=a.substring(s+1);// t就是?后面的东西了

/script

stringvar.substr(start [, length ]

返回一个从指定位置开始的指定长度的子字符串。

stringvar

必选项。要提取子字符串的字符串文字或 String 对象。

start

必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length

可选项。在返回的子字符串中应包括的字符个数。

如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。

下面列举出一些相关的参数:

str.toLowerCase() 转换成小写

str.toUpperCase() 字符串全部转换成大写

URL即:统一资源定位符 (Uniform Resource Locator, URL)

完整的URL由这几个部分构成:

scheme://host:port/path?query#fragment

scheme:通信协议

常用的http,ftp,maito等

host:主机

服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号

整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

path:路径

由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

query:查询

可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用""符号隔开,每个参数的名和值用"="符号隔开。

fragment:信息片断

字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)

对于这样一个URL

;id=6#imhere

我们可以用javascript获得其中的各个部分

1, window.location.href

整个URl字符串(在浏览器中就是完整的地址栏)

本例返回值: ;id=6#imhere

2,window.location.protocol

URL 的协议部分

本例返回值:http:

3,window.location.host

URL 的主机部分

本例返回值:

4,window.location.port

URL 的端口部分

如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符

本例返回值:""

5,window.location.pathname

URL 的路径部分(就是文件地址)

本例返回值:/fisker/post/0703/window.location.html

6,window.location.search

查询(参数)部分

除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值

本例返回值:?ver=1.0id=6

7,window.location.hash

锚点

本例返回值:#imhere

js中如何获取当前浏览器的地址的值

js中通过window.location.href和document.location.href、document.URL获取当前浏览器的地址的值,它们的的区别是:

1、document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。所以一个窗口下只有一个window.location.href,但是可能有多个document.URL、document.location.href

2、window.location.href和document.location.href可以被赋值,然后跳转到其它页面,document.URL只能读不能写

3、document.location.href和document.location.replace都可以实现从A页面切换到B页面,但他们的区别是:

用document.location.href切换后,可以退回到原页面。

而用document.location.replace切换后,不可以通过“后退”退回到原页面。

JS 获取当前浏览器宽高

JQuery获取:

console.log($(window).width()); //浏览器当前窗口可视区域宽度

console.log($(window).height()); //浏览器当前窗口可视区域高度

console.log($(document).width());//浏览器当前窗口文档对象宽度

console.log($(document).height()); //浏览器当前窗口文档的高度

console.log($(document.body).width());//浏览器当前窗口文档body的宽度

console.log($(document.body).height());//浏览器当前窗口文档body的高度

console.log($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

console.log($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

JS获取:

窗口可视区域宽度 : document.documentElement.clientWidth || document.body.clientWidth;

窗口可视区域高度 : document.documentElement.clientHeight || document.body.clientHeight;

窗口可视区域宽度+边线和滚动条 : document.body.offsetWidth ;

窗口可视区域高度+边线和滚动条 : document.body.offsetHeight ;

实际内容的宽度 : document.body.scrollWidth;

实际内容的高度 : document.body.scrollHeight;

滚动条下拉被卷起来的距离 :document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

滚动条侧拉被卷起来的距离 :document.body.scrollLeft || document.documentElement.scrollLeft ;

网页正文部分上 :window.screenTop;

网页正文部分左 :window.screenLeft;

元素的宽度 :obj.offsetWidth;

元素的高度 :obj.offsetHeight;

相对于父元素的上位移 :obj.offsetTop;(在元素的包含元素不含滚动条的情况下)

相对于父元素的左位移 :obj.offsetLeft;(在元素的包含元素不含滚动条的情况下)

用js怎样获取所有打开的浏览器地址

js中通过window.location.href和document.location.href、document.URL获取当前浏览器的地址的值,它们的的区别是:

1、document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。所以一个窗口下只有一个window.location.href,但是可能有多个document.URL、document.location.href

2、window.location.href和document.location.href可以被赋值,然后跳转到其它页面,document.URL只能读不能写

3、document.location.href和document.location.replace都可以实现从A页面切换到B页面,但他们的区别是:

用document.location.href切换后,可以退回到原页面。

而用document.location.replace切换后,不可以通过“后退”退回到原页面。

JavaScript获取网页、浏览器、屏幕高度和宽度汇总

经常发现在写JavaScript的时候,都需要用到网页、浏览器或屏幕的高度和宽度来解决布局定位的问题,时常前用后忘,要不就是在网上search,干脆自己总结一下,这样也方便再次使用,省时省力。

网页可见区域宽:document.body.clientWidth

网页可见区域高:document.body.clientHeight

网页可见区域宽:document.body.offsetWidth

(包括边线的宽)

网页可见区域高:document.body.offsetHeight

(包括边线的宽)

网页正文全文宽:document.body.scrollWidth

(带滚动条宽)

网页正文全文高:document.body.scrollHeight

(带滚动条高)

网页被卷去的高:document.body.scrollTop

网页被卷去的左:document.body.scrollLeft

网页正文部分上:window.screenTop

网页正文部分左:window.screenLeft

屏幕分辨率的高:window.screen.height

屏幕分辨率的宽:window.screen.width

屏幕可用工作区高度:window.screen.availHeight

屏幕可用工作区宽度:window.screen.availWidth

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

scrollHeight:

获取对象的滚动高度。

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

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

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标

offsetParent

属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由

offsetParent

属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由

offsetTop

属性指定的父坐标的计算顶端位置

event.clientX

相对文档的水平座标

event.clientY

相对文档的垂直座标

event.offsetX

相对容器的水平坐标

event.offsetY

相对容器的垂直坐标

document.documentElement.scrollTop

垂直方向滚动的值

event.clientX+document.documentElement.scrollTop

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

IE,FireFox

差异如下:

IE6.0、FF1.06+:

复制代码

代码如下:

clientWidth

=

width

+

padding

clientHeight

=

height

+

padding

offsetWidth

=

width

+

padding

+

border

offsetHeight

=

height

+

padding

+

border

IE5.0/5.5:

复制代码

代码如下:

clientWidth

=

width

-

border

clientHeight

=

height

-

border

offsetWidth

=

width

offsetHeight

=

height

总结:关于高度和宽度的东西到是挺多的,具体的有些自己也没有弄懂,通过自己试验了一下,有些得出的值是一样,所以很让人迷惑,只能视情况而定了。

网页js获取器(js获取网页内容)

本文目录一览: 1、怎么用JS获取获取浏览器地址栏参数 2、js中如何获取当前浏览器的地址的值 3、JS 获取当前浏览器宽高 4、用js怎样获取所有打开的浏览器地址 5、JavaScript获取网页、

2023-12-08
抓取js网页内容,js获取浏览器

本文目录一览: 1、用php 怎么抓取js+ajax动态生成的页面内容 2、怎么爬取网页的动态内容,很多都是js动态生 3、如何抓取js函数生成的网页内容 用php 怎么抓取js+ajax动态生成的页

2023-12-08
js找网页内容(查找网页内容)

本文目录一览: 1、js获取html页面显示内容 2、如何用js获取其它页面的内容 3、怎么通过js或者jquery获取一个页面里面的内容 4、JS如何从另一个网页获取数据内容进行处理? 5、java

2023-12-08
js爬取网页内容(java爬虫爬取网页内容)

本文目录一览: 1、如果网页内容是由javascript生成的,应该怎么实现爬虫 2、怎么爬取网页的动态内容,很多都是js动态生成的内容o 3、怎么爬取网页的动态内容,很多都是js动态生 4、如何爬取

2023-12-08
如果用js远程读取网页内容(如果用js远程读取网页内容怎么办

本文目录一览: 1、js如何在本地远程读取指定url的内容? 2、js读取远程网页源码 3、JAVASCRIPT如何获取远程页面内容 js如何在本地远程读取指定url的内容? 你的意思是,你的电脑上有

2023-12-08
js获取任意网页源码(js读取网页源码)

本文目录一览: 1、JS 获得网页代码 2、JavaScript 如何读取某网页的源码? 3、js获取网页源代码 4、js读取远程网页源码 5、javascript如何获取当前网页的源码? JS 获得

2023-12-08
js获取某网页源码是什么(js获取网页源代码)

本文目录一览: 1、javascript如何获取当前网页的源码? 2、JavaScript 如何读取某网页的源码? 3、JS 获得网页代码 4、怎么用JS获取某一个指定页面(非本页面)的HTML代码?

2023-12-08
js获取网页域名,js获取当前url域名

本文目录一览: 1、两种js获取当前域名代码 2、用JS获取当前域名并判断 3、如何使用Javascript获取一个链接地址中的顶级域名 4、如何通过js获取当前访问页面的域名 两种js获取当前域名代

2023-12-08
asp元素js获取,js获取html元素内容

本文目录一览: 1、在asp中怎样获取js的值,并且赋值给变量。 function city(){ var i=123; } 2、asp如何获取javascript代码执行后的网页内容? 3、asp获

2023-12-08
获取网页端json(获取网页数据)

本文目录一览: 1、如何获取html上的json数据 2、JavaScript怎么获取服务端返回的json? 3、怎么在浏览器上查看json数据 如何获取html上的json数据 1,先要建立一个线程

2023-12-08
js数据库获取(js提取网页数据)

本文目录一览: 1、js 如何读取数据库信息 2、JS 文件如何获取数据库中的数据 3、怎么在js里面获取数据库的数据 4、javascript中如何获取从数据库取出的数据? 5、在JS脚本中怎样读取

2023-12-08
js代码对比网速(js获取网速)

本文目录一览: 1、网页中的java script特效很影响网速吗? 2、js代码比较复杂,会不会对网速有影响 3、网站加载的js过多,打开速度很慢很慢。 4、js 获取当前网速 及 cpu占用率 5

2023-12-08
js获取网页符串(js获取字符串中数字)

本文目录一览: 1、javascript如何查找页面中的字符串? 2、前端使用js如何准确获取当前页面url网址信息 3、js中提取字符串 4、怎么用JS获取页面URL中某一段字符的值 5、里面字符串

2023-12-08
js读取数据库文档介绍内容(js脚本如何获取数据库内容?)

本文目录一览: 1、JS 文件如何获取数据库中的数据 2、在JS脚本中怎样读取数据库中的数据? 3、js 如何读取数据库信息 4、javascript如何读取到数据库的信息 5、如何用JS面向对象方法

2023-12-08
怎么通过网页标签获取数据js的简单介绍

2022-11-25
js怎么替换网页,js替换html内容

本文目录一览: 1、求帮忙写个js脚本替换网页内容 2、javascript如何实现轻松替换网页的一段代码 3、用js替换网页元素内容 4、如何用javascript全部替换网页内某个字符串 5、js

2023-12-08
js怎么获取另一个网页的数据

2022-11-23
获取目标js代码,js 获取

本文目录一览: 1、怎么用JS获取某一个指定页面(非本页面)的HTML代码? 2、如何通过一个js方法的方法名,获取到这个js方法定义的代码(方法体)? 3、怎样在页面获取js对象的内容 4、JS 获

2023-12-08
cookiejs本地网页,js获取页面cookie

本文目录一览: 1、为什么本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效 2、用原js写获取本地cookie的方法 3、请问如何打开一个网页的时候用js将cookie置入进

2023-12-08
包含js网页正文抽取的词条

本文目录一览: 1、js获取网页当中所有标签里面的文本 2、javascript 怎么获取指定url网页中的内容 3、JS如何从另一个网页获取数据内容进行处理? 4、怎么用JS获取网页中指定标签内的选

2023-12-08