页面元素查找

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

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. pip 更换国内镜像与记录

    更换pip源到国内镜像 阿里云 http://mirrors.aliyun.com/pypi/simple/   中国科技大学 https://pypi.mirrors.ustc.edu.cn/sim ...

  2. C#学习笔记(八):多维数组

    一维数组 冒泡排序 二维数组 Length:取数组元素的总个数 GetLength:取不同维度的个数 using System; using System.Collections.Generic; u ...

  3. JavaScript权威指南2.词法结构

    字符集 1.用16位的Unicode字符集编写的,可以表示地球上通用的每一种书面语言.国际化 2.每个字符都是用两个字节表示的 3.大小写敏感:关键字.变量.函数名.标识符:HTML并不区分大小写 H ...

  4. mvc ---- ajax 提交 (ckeditor)富文本框 提示潜在危险 Request.Form

    ajax 提交 ckeditor 中的内容怎么提交都提交不了,折腾半天,后来终于找到问题 在你的方法头上加 [HttpPost] [ValidateInput(false)] public Actio ...

  5. asp.net <asp:Repeater>下的 asp:LinkButton CommandArgument点击事件

    前台 <asp:Repeater ID="rptData" runat="server" OnItemCommand="rptData_Item ...

  6. AttributeError: 'Request' object has no attribute 'json', cherrypy 无法接收到json字符串,解决方法

    @cherrypy.expose @cherrypy.tools.accept(media="application/json")   #加入这个装饰器 @cherrypy.too ...

  7. Could NOT find SDL (missing: SDL_LIBRARY SDL_INCLUDE_DIR)

    sudo apt-get install libsdl-dev或 sudo apt-get install libsdl1.2-dev

  8. RabbitMQ入门_08_所谓的点对点与发布订阅模型

    A. JMS 模型 JMS 中定义了点对点和发布订阅两种消息模型,原来以为 AMQP 协议中 direct Exchange 对应点对点模型,topic Exchange 对应发布订阅模型,fanou ...

  9. 告诉maven,我真的不需要web.xml

    <!-- 告诉maven,我真的不需要web.xml --> <plugin> <groupId>org.apache.maven.plugins</grou ...

  10. Unity项目中显示项目的FPS

    using UnityEngine; using System.Collections; public class ShowFpsOnGUI : MonoBehaviour { public floa ...