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 ...
随机推荐
- pip 更换国内镜像与记录
更换pip源到国内镜像 阿里云 http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.ustc.edu.cn/sim ...
- C#学习笔记(八):多维数组
一维数组 冒泡排序 二维数组 Length:取数组元素的总个数 GetLength:取不同维度的个数 using System; using System.Collections.Generic; u ...
- JavaScript权威指南2.词法结构
字符集 1.用16位的Unicode字符集编写的,可以表示地球上通用的每一种书面语言.国际化 2.每个字符都是用两个字节表示的 3.大小写敏感:关键字.变量.函数名.标识符:HTML并不区分大小写 H ...
- mvc ---- ajax 提交 (ckeditor)富文本框 提示潜在危险 Request.Form
ajax 提交 ckeditor 中的内容怎么提交都提交不了,折腾半天,后来终于找到问题 在你的方法头上加 [HttpPost] [ValidateInput(false)] public Actio ...
- asp.net <asp:Repeater>下的 asp:LinkButton CommandArgument点击事件
前台 <asp:Repeater ID="rptData" runat="server" OnItemCommand="rptData_Item ...
- AttributeError: 'Request' object has no attribute 'json', cherrypy 无法接收到json字符串,解决方法
@cherrypy.expose @cherrypy.tools.accept(media="application/json") #加入这个装饰器 @cherrypy.too ...
- Could NOT find SDL (missing: SDL_LIBRARY SDL_INCLUDE_DIR)
sudo apt-get install libsdl-dev或 sudo apt-get install libsdl1.2-dev
- RabbitMQ入门_08_所谓的点对点与发布订阅模型
A. JMS 模型 JMS 中定义了点对点和发布订阅两种消息模型,原来以为 AMQP 协议中 direct Exchange 对应点对点模型,topic Exchange 对应发布订阅模型,fanou ...
- 告诉maven,我真的不需要web.xml
<!-- 告诉maven,我真的不需要web.xml --> <plugin> <groupId>org.apache.maven.plugins</grou ...
- Unity项目中显示项目的FPS
using UnityEngine; using System.Collections; public class ShowFpsOnGUI : MonoBehaviour { public floa ...