页面元素查找

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

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. 有时候shell中某些变量总是不能被改变是什么原因

    答:在子shell执行,那么变量的值总是不能如愿以偿的改变,示例如下: #!/bin/sh var="jello" cat "jello.txt" | whil ...

  2. Facebook广告API系列 2 - Audience Management

    Facebook广告API系列 2 Facebook marketing API有三大组成部分: Audience Management Ads Management Ads Insights 本篇稍 ...

  3. java中集合格式及json格式的特点和转换

    作者原创:转载请注明出处 今天在写代码,遇到一个难点,由于要调用webservice接口,返回的为一个list集合内容,从webservice调用接口返回的为一个string的io流, 在调用接口的地 ...

  4. UVa 120 煎饼

    https://vjudge.net/problem/UVA-120 题意:颠倒连续子序列,使之成为升序. 思路:按照从大到小的顺序,依次选择出一个数字进行分析: ①如果该数字已经在正确的位置上,则不 ...

  5. python 生成元组

    #create a tuple l = [(,), (,), (,)] print(list(zip(*l)))

  6. testNG 学习笔记 Day2 配置testNG自带的监听器

    IntelliJ IDEA配置testNG自带的监听器的时候,操作如下菜单栏中 run ----> 下拉菜单中的 Edit Configurations ----> 新矿口中TeatNG下 ...

  7. kali删除软件

    kali中主要为2种卸载方法:1.apt2.dpkg 使用apt的方式有:apt-get remove [package]apt-get remove --purge # ------(package ...

  8. [.NET开发] C# 如何创建Excel多级分组

    要设置显示或者隐藏分类数据下的详细信息,在便于数据查看.管理的同时也使文档更具美观性.那么,在C#中如何来创建Excel数据的多级分组显示呢?下面将进行详细阐述.方法中使用了免费版组件Free Spi ...

  9. mysql数据库切分

    一.数据的垂直切分概念:数据的垂直切分,也可以称之为纵向切分.将不同的表分散到不同的数据库主机中.一个应用系统,总体功能肯定是由很多个功能模块所组成的,而每一个功能模块所需要的数据对应到数据库中就是一 ...

  10. Report CodeForces - 631C (栈)

    题目链接 题目大意:给定序列, 给定若干操作, 每次操作将$[1,r]$元素升序或降序排列, 求操作完序列 首先可以发现对最后结果有影响的序列$r$一定非增, 并且是升序降序交替的 可以用单调栈维护这 ...