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
js常用用途的更多相关文章
- js常用工具类.
一些js的工具类 复制代码 /** * Created by sevennight on 15-1-31. * js常用工具类 */ /** * 方法作用:[格式化时间] * 使用方法 * 示例: * ...
- JS 常用验证REG
不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false: */ function i ...
- Js常用技巧
摘录:http://crasywind.blog.163.com/blog/static/7820316920091011643149/ js 常用技巧 1. on contextmenu=" ...
- JS常用的标准函数
原文:JS常用的标准函数 1.Array类型函数 array.concat(item...) 函数功能:关联数组,实现数组相加功能,但并不影响原先数组,concat返回新数组. array.join( ...
- JS 常用功能收集
JS 常用效果收集 1. 回到顶部>> 爱词霸
- JS常用校验方法(判断输入框是否为空,数字,电话,邮件,四舍五入等)
JS常用校验方法: 1.判断输入框是否为空,为空时弹出提示框 2.关闭窗口 3.检查输入字符串是否为数字 4.强制把大写转换成小写 5.手机号码校验,长度为11位数字. 6.电子邮件校验 7.电话号码 ...
- Node.js 常用工具
Node.js 常用工具 util 是一个Node.js 核心模块,提供常用函数的集合,用于弥补核心JavaScript 的功能 过于精简的不足. util.inherits util.inherit ...
- JS常用正则表达式备忘录
摘要: 玩转正则表达式. 原文:JS常用正则表达式备忘录 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 正则表达式或"regex"用于匹配字符串的各个部分 下面是 ...
- js常用数据类型(Number,String,undefined,boolean) 引用类型( function,object,null ),其他数据类型( 数组Array,时间Date,正则RegExp ),数组与对象的使用
js常用数据类型 数字类型 | 字符串类型 | 未定义类型 | 布尔类型 typeof()函数查看变量类型 数字类型 Number var a1 = 10; var a2 = 3.66; conso ...
随机推荐
- 有时候shell中某些变量总是不能被改变是什么原因
答:在子shell执行,那么变量的值总是不能如愿以偿的改变,示例如下: #!/bin/sh var="jello" cat "jello.txt" | whil ...
- Facebook广告API系列 2 - Audience Management
Facebook广告API系列 2 Facebook marketing API有三大组成部分: Audience Management Ads Management Ads Insights 本篇稍 ...
- java中集合格式及json格式的特点和转换
作者原创:转载请注明出处 今天在写代码,遇到一个难点,由于要调用webservice接口,返回的为一个list集合内容,从webservice调用接口返回的为一个string的io流, 在调用接口的地 ...
- UVa 120 煎饼
https://vjudge.net/problem/UVA-120 题意:颠倒连续子序列,使之成为升序. 思路:按照从大到小的顺序,依次选择出一个数字进行分析: ①如果该数字已经在正确的位置上,则不 ...
- python 生成元组
#create a tuple l = [(,), (,), (,)] print(list(zip(*l)))
- testNG 学习笔记 Day2 配置testNG自带的监听器
IntelliJ IDEA配置testNG自带的监听器的时候,操作如下菜单栏中 run ----> 下拉菜单中的 Edit Configurations ----> 新矿口中TeatNG下 ...
- kali删除软件
kali中主要为2种卸载方法:1.apt2.dpkg 使用apt的方式有:apt-get remove [package]apt-get remove --purge # ------(package ...
- [.NET开发] C# 如何创建Excel多级分组
要设置显示或者隐藏分类数据下的详细信息,在便于数据查看.管理的同时也使文档更具美观性.那么,在C#中如何来创建Excel数据的多级分组显示呢?下面将进行详细阐述.方法中使用了免费版组件Free Spi ...
- mysql数据库切分
一.数据的垂直切分概念:数据的垂直切分,也可以称之为纵向切分.将不同的表分散到不同的数据库主机中.一个应用系统,总体功能肯定是由很多个功能模块所组成的,而每一个功能模块所需要的数据对应到数据库中就是一 ...
- Report CodeForces - 631C (栈)
题目链接 题目大意:给定序列, 给定若干操作, 每次操作将$[1,r]$元素升序或降序排列, 求操作完序列 首先可以发现对最后结果有影响的序列$r$一定非增, 并且是升序降序交替的 可以用单调栈维护这 ...