js 获取页面内链接

今天有同学问如何用 JS 正则表达式获取一段文本中的超链接,并对超链接进行处理,想了几分钟,写了下面的代码: var re = /https?:\/\/[\w\.:~\-\d\/]+(?:\?[\w\d\-_&=%]+)?(?:#[^\s]+)?/i; 这个正则表达式处理这种类型的URL: protocol://host:port/path?param=value#xxoo 想法是好的,但总要测试通过才可以,随即又写了一段获取页面内所有带有 src, href 属性的代码: function g…

JS获取页面数据执行Ajax请求

下面这个例子展示了如何使用js获取页面中元素的值,并且将这些值作为参数执行Ajax请求. $("#submit-task").bind("click", function (event) { event.preventDefault(); event.stopPropagation(); if(validate() == false){ exit; } var submitBtn = this; // 禁止提交按钮 $(submitBtn).attr('disabl…

JS基础入门篇（三）—使用JS获取页面中某个元素的4种方法以及之间的差别（一）

1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.getElementsByClassName("class名"); 3.通过元素标签去获取元素 document.getElementsByTagName("标签名"); 4.通过css选择器去获取元素 document.querySelectorAll("cs…

获取页面内iframe里面的元素

结构直接看图比较直接这里window.frames获取的是iframe的数组要记得给iframe加个ID才行后面的记录会详细讲解在父窗口获取页面内的iframe 里面的元素window.frames['ifm'].contentWindow.document.getElementById('focus001').style.display="none";…

jquery、js获取页面高度宽度等

jquery获取页面高度宽度 //获取浏览器显示区域(可视区域)的高度 : $(window).height(); //获取浏览器显示区域(可视区域)的宽度 : $(window).width(); //获取页面的文档高度 $(document).height(); //获取页面的文档宽度 : $(document).width(); //浏览器当前窗口文档body的高度: $(document.body).height(); //浏览器当前窗口文档body的宽度: $(document.bod…

JS获取页面传过来的值

利用JS获取页面的传值,此方法只适应Get传值. 获取页面之间的传值,在后台我们很容易获取,那我们在前台只利用JS怎么写呢? 在看代码之前你需要了解的 ① 参考:W3C Location 对象 Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. ②Map 之前有介绍过:Map和Set ,如果需要更深一层理解查看Map 这两个知识点搞清楚之后,我们的代码就很好写了我们在一个页面放一…

js获取页面所有搜索条件

<div class="search"> 产品简码:@Html.TextBox("ProCode", "") 产品名称:@Html.TextBox("ProName", "") 产品风格:@Html.TextBox("StyleType", "") 产品材质:@Html.TextBox("M…

js获取页面缩放比例

今天在网上看到一位大神写的一篇文章,出处记不得了,只是因为我在做项目的时候需要用到所以看了一眼. 经理要求我把两张图表上下排列(非响应式的)改成可以适配浏览器的,刚开始只是想改样式,看到代码才发现原来他是写在jq里面的,尝试这用jq该样式的时候发现这个canvas是后渲染根本没有什么用处,搞了半天没有用修改样式的方法搞,最用才想到js监测浏览器页面的缩放可以在生产canvas的时候动态修改height于是就百度了一下js获取页面缩放比例的方法. //获取当前页面的缩放值 function det…

js获取页面url的方法

我们可以用javascript获得其中的各个部分 1, window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) 本例返回值: http://ifisker.com/blog/post/0703/window.location.html# 2,window.location.protocol URL 的协议部分本例返回值:http: 3,window.location.host URL 的主机部分本例返回值:www.x2y2.com 4,window.loca…

js获取页面元素距离浏览器工作区顶端的距离

先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElement.scrollTop //firefox (javascript) document.documentElement.scrollLeft //firefox (javascript) document.body.scr…

用js获取页面颜色值怎么比较?

一般情况下,我们通过十六进制的方式设置页面颜色值如#64e164 但当我们通过js获取这个dom颜色值的时候,返回的值却可能不是十六进制的,所以比较的时候需要分浏览器进行在火狐和谷歌浏览器中,返回的是rgb格式表示的颜色值,如前面的#64e164 返回的是 rgb(100, 225, 100) 这时候就需要用rgb格式的字符串和获取的值作比较才会返回true 但是在ie中,则需要使用16进制的方式比较才能返回true…

JS实现页面内跳转

使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id): 在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法: var oneTop = $("#aa").offset().top; jQuery("html", "body").animate({ scrollTop: oneTop }, 0); 经过测试,如果不需要有滑动动画的话,可使用下面的语句: l…

JS获取页面URL信息

下面我们举例一个URL,然后获得它的各个组成部分: http://i.cnblogs.com/EditPosts.aspx?opt=1 window.location.href (设置或获取整个 URL 为字符串) var test = window.location.href; alert(test); // 返回:http://i.cnblogs.com/EditPosts.aspx?opt=1 window.location.protocol (设置或获取 URL 的协议部分) var t…

JS获取页面,元素,窗口和返回页面,元素,窗口的宽高以及滚动值

jquery获取页面,元素,窗口的宽高以及滚动值 //获取浏览器显示区域(可视区域)的高度 : $(window).height(); //获取浏览器显示区域(可视区域)的宽度 : $(window).width(); //获取页面的文档高度 $(document).height(); //获取页面的文档宽度 : $(document).width(); //浏览器当前窗口文档body的高度: $(document.body).height(); //浏览器当前窗口文档body的宽度: $(do…

js获取页面url中的各项值

一. 通过window.location获取各项参数 1.获取页面完整的url url = window.location.href; 2.获取页面的域名 host = window.location.host; host2=document.domain; 应用场景:页面跳转,开发环境和测试环境域名不同,所以需要动态获取后进行拼接跳转的url. 二.javascript正则获取url中的参数 //正则获取url中的参数 function URL_Request(strName) { var s…

js获取页面中图片的总数

查看效果:http://keleyi.com/keleyi/phtml/image/9.htm 下面是完整代码: <html><body><div id="keleyiimagescount" style="background:url(http://keleyi.com/keleyi/phtml/picnext/images/k05.jpg);width:550px;height:380px;"></div><…

js获取页面高度赋值给div

JS获取页面元素并修改

//实现代码如下,非常简单<script> (function(){ var ele = document.getElementsByTagName("ul"); //获取页面上所有的ul元素 var target; for(var i in ele){ if("art-list"==ele[i].className){ //找到类名位art-list的ul元素 target = ele[i]; break; } } var li_arr = targe…

js获取非行内样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

js获取页面的来源页

<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>获取页面来源</title> <base target="_self" /> </head> <script type="text/javascript">…

js获取页面名称和路径参数

// 取当前页面名称(不带后缀名)function getPageName1(){ var a = location.href; var b = a.split("/"); var c = b.slice(b.length-1, b.length).toString().split("."); return c.slice(0, 1);} //取当前页面名称(带后缀名)function getPageName2() { var str…

使用js获取页面的各种高度

使用js获取相关高度: 获取网页被滚动条卷去的高度——兼容写法: scrollHeight = documen.body.scrollTop || document.documentElement.scrollTop; 获取网页全文的高度——兼容写法: windowHeight = document.body.scrollHeight || document.documentElement.scrollHeight; 获取网页可视区域的高度——兼容写法: screenHeight = docum…

js获取页面的各种高度与宽度

document.body.scrollTop等属性可以获取页面滚动距离等,但是此类属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0, 所以一般为了兼容性都这样写 document.documentElement.scrollTop || document.body.scrollTop;以下document属性全部推荐这种写法. 网页可见区域宽: document.body.clientHeight;网页可见区域高: document.body.c…

原生js获取页面所有的checkbox

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

获取页面所有链接的JS

写了一个实用的JS脚本,获取当前页面所有的JS: var str = " \n"; var list = document.getElementsByTagName("a"); for(var i=0; i<list.length; i++){ str += list[i].href + ' \n'; }; console.log(str);…

js获取带#号链接后的参数

现在许多的主流网站都将'#'大规模用于重要URL中,我们通过正则表达式和window.location.search获取参数已经行不通了. 一.'#'号是什么 1.#代表网页中的一个位置.其后面的字符,就是该位置的标识符. 2.#是用来指导浏览器动作的,对服务器端完全无用.所以,HTTP请求中不包括#. 3.在第一个#后面出现的任何字符,都会被浏览器解读为位置标识符.这意味着,这些字符都不会被发送到服务器端. 4.单单改变#后的部分,浏览器只会滚动到相应位置,不会重新加载网页. 5.每一次改变#…