js常用用途

 页面元素查找

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

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