博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js常用用途
阅读量:6142 次
发布时间:2019-06-21

本文共 1882 字,大约阅读时间需要 6 分钟。

 页面元素查找

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

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

转载于:https://www.cnblogs.com/Ting-light/p/9214533.html

你可能感兴趣的文章
怎么给视频添加音频或配乐
查看>>
怎么转换音乐格式
查看>>
Leaflet-Develop-Guide
查看>>
每隔1s打印0-5
查看>>
Angular6错误 Service: No provider for Renderer2
查看>>
聊聊flink的BlobStoreService
查看>>
洗牌算法具体指的是什么?
查看>>
HBuilder打包手机app的方法
查看>>
解决Mac下SSH闲时自动中断的问题
查看>>
在JavaScript中理解策略模式
查看>>
ArchSummit 深圳 2017 成功举办,探索未来互联网架构
查看>>
不知道如何提升深度学习性能?我们为你整理了这份速查清单
查看>>
Go 2提上日程,官方团队呼吁社区给新特性提案提交反馈
查看>>
技术绩效考量:你们可能都做错了
查看>>
“亲切照料”下的领域驱动设计
查看>>
除了输入法,移动端AI还有哪些想象空间?
查看>>
回家路上想起来关于Js一个有趣的东西
查看>>
B端大数据应用的架构实践与思考
查看>>
2019 SRE 调查报告:事故处理是主要工作,SRE 压力山大
查看>>
React创建组件的三种方式及其区别
查看>>