页面元素查找

查找元素方法表达式                                                 返回值                            依据元素性值                                 可使用的对象

a=document.getElementById()                           单个元素,null                       属性ID值                                         document

b=document.getElementsByName()                         数组                               属性name值                                      document

c=document.getElementsByTagName()                    数组                               标签名 ,使用者可以是         document 或 单个元素:例 c=a.getElementsByTagName()

d=getElementsByClassName()                     数组             属性class值                               document 或 单个元素

e=document.documentElement                                html元素                         获取html元素                                      document

f=document.body                                                    body元素                         获取body元素                                      document

g=document.querySelector()                                  单个元素                          通过选择器获取单个元素               document 或 单个元素

h=a.querySelectorAll()                                             数组                              通过选择器获取一组元素                document 或 单个元素

h=querySelector("#score>tbody>tr>td:nth-of-type(2)")

获取元素的相关节点

a.children[0]    或  a.firstElementChild                                 获取第一个子节点

b=a.lastElementChild ;                                                           获取最后一个元素

p=a.parentNode;                                                                    获取直接父元素

p2=a.offsetParent;                                                                这个是于位置有关的上下级,能获取所有父节点(相当于body下的所有节点信息)

p3=a.parentNode.children[1];                                                 通过先获取父节点,再获取子节点来获取兄弟节点

brother=a.previousElementSibling;                                        获取上一个兄弟节点

next=a.nextElementSibling;                                                   获取下一个兄弟节点

浏览器页面交互

获取页面浏览器地址栏的url   :                              var my_url= window.location.href.toString()

获取页面url中?后面的字符串:                           var  searc=window.location.search

滚动页面到顶部  :                                                       document.documentElement.scrollTop=0

禁用a元素的href属性 :                                       <a href='javascript:void(0);'>my href</a>

在新窗口中打开页面:                                                   window.open("https://www.baidu.com");

下拉框元素选择:                                                           var country=document.getElementById('country'); var chin=country.getElementsBySelector('*[value="CN"]')[0]; chin.selected=true;

设置浏览器中页面的的cookie  :

cookie详解 见:https://segmentfault.com/a/1190000004556040

获取浏览器中的cookie   , var the_cookie=document.cookie

修改浏览器中的cookie属性,  document.cookie="name=testcookie;expires=Thu,26 Feb 2116 11:50:25 GMT;domain=test.my.com;path='/';  一次只能设置一个cookie属性,

使用多次该表达式,就可设置多个cookie属性值。对于设置时cookie字符串中有逗号,分号,空隔需要编码,读取时用unescape进行解码,设置时用escape进行编码

var key=escap("name;value");

var value=escape("value contan , and ;");

document.cookie=key+"="+value+";expires=Thu,26 Feb 2116 11:50:25 GMT;domain=sankuai.com;path='/';

获取剪切板内容

https://zhuanlan.zhihu.com/p/34698155

js常用用途的更多相关文章

  1. js常用工具类.

    一些js的工具类 复制代码 /** * Created by sevennight on 15-1-31. * js常用工具类 */ /** * 方法作用:[格式化时间] * 使用方法 * 示例: * ...

  2. JS 常用验证REG

    不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false: */ function i ...

  3. Js常用技巧

    摘录:http://crasywind.blog.163.com/blog/static/7820316920091011643149/ js 常用技巧 1. on contextmenu=" ...

  4. JS常用的标准函数

    原文:JS常用的标准函数 1.Array类型函数 array.concat(item...) 函数功能:关联数组,实现数组相加功能,但并不影响原先数组,concat返回新数组. array.join( ...

  5. JS 常用功能收集

    JS 常用效果收集 1. 回到顶部>>    爱词霸

  6. JS常用校验方法(判断输入框是否为空,数字,电话,邮件,四舍五入等)

    JS常用校验方法: 1.判断输入框是否为空,为空时弹出提示框 2.关闭窗口 3.检查输入字符串是否为数字 4.强制把大写转换成小写 5.手机号码校验,长度为11位数字. 6.电子邮件校验 7.电话号码 ...

  7. Node.js 常用工具

    Node.js 常用工具 util 是一个Node.js 核心模块,提供常用函数的集合,用于弥补核心JavaScript 的功能 过于精简的不足. util.inherits util.inherit ...

  8. JS常用正则表达式备忘录

    摘要: 玩转正则表达式. 原文:JS常用正则表达式备忘录 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 正则表达式或"regex"用于匹配字符串的各个部分 下面是 ...

  9. js常用数据类型(Number,String,undefined,boolean) 引用类型( function,object,null ),其他数据类型( 数组Array,时间Date,正则RegExp ),数组与对象的使用

    js常用数据类型 数字类型 | 字符串类型 | 未定义类型 | 布尔类型 typeof()函数查看变量类型 数字类型  Number var a1 = 10; var a2 = 3.66; conso ...

随机推荐

  1. fhq treap抄袭笔记

    目录 碎碎念 点一下 注意!!! 模板 fhq treap 碎碎念 我咋感觉合并这么像左偏树呢 ps:难道你们的treap都是小头堆的吗 fhq真的是神人 现在看以前学的splay是有点恶心,尤其是压 ...

  2. Leading and Trailing(数论/n^k的前三位)题解

    Leading and Trailing You are given two integers: n and k, your task is to find the most significant ...

  3. php能干什么?

    什么是cookies 简单的说,Cookie就是服务器暂存放在你计算机上的一笔资料,好让服务器用来辨认你的计算机.当你在浏览网站的时候,Web服务器会先送一小小资料放在你的计算机上,Cookie 会帮 ...

  4. Unity3D学习笔记(十六):Animator新动画

    新动画系统: 给模型选择动画类型 普通动画:Generic 人形动画:Humanoid 建立动画控制器 - 在Project右击 - 选择Create-AnimatorContorller 将对应动画 ...

  5. hdu 5671 Matrix 标记。。。有点晕

    Matrix Time Limit: 3000/1500 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others) Problem ...

  6. P2865 【[USACO06NOV]路障Roadblocks】(次短路)

    传送门 算法Dijkstra要求次短路 那么在不考虑重复走一条边的情况下 肯定是把最短路中的一段改成另一段 至少要换另一条边到路径里所以可以枚举所有不属于最短路的每条边(a,b) 那么dis(1,a) ...

  7. python 判断字符串是否以数字结尾

    import re def end_num(string): #以一个数字结尾字符串 text = re.compile(r".*[0-9]$") if text.match(st ...

  8. python 函数赋值

    ⾸先我们来理解下Python中的函数 def hi(name="yasoob"): return "hi " + name print(hi()) # outp ...

  9. Ubuntu更新软件源出现GPG error

    原因 在sources.list文件中加入了非ubuntu官方源,所以认为加入源是不可信任的. 解决方法导入该源公钥.E084DAB9为PUBKEY后八位 gpg --keyserver keyser ...

  10. Jmeter 中多线程并发和循环控制器

    今天遇到一个场景, 给一个手机号发送短信验证码,通过正确输入短信验证码即登录并获得token,进行其他操作. 短信验证码是4位,即9999个组合, 接口没有对验证次数做校验,所以可以一直一直尝试通过验 ...