js小结2
1.includes和contains
对于字符串,数组来说,判断包含是includes,对classList是contains
2.编辑span内容,enter提交(如何避免keydown之后换行:outline去除)
3.toggleClass:这个函数用来开关一个元素的某个 class
var toggleClass = function(element, className) {
if (element.classList.contains(className)) {
element.classList.remove(className)
} else {
element.classList.add(className)
}
}
4.
事件冒泡:浏览器处理事件的机制,最底层元素最先拿到事件,向上一层层传递
event.cancelBubble=true,组织该元素事件冒泡
事件捕获;和冒泡相反的,最外层先得到,addEventListener的第三个参数是true(useCapture的)
5.绑定事件:1>var loginButton = document.querySelector('#id-button-login')
loginButton.addEventListener('click', function(){})
2>${'.#id-button-login'}.on('click',function{})
3.button的另外一种做法直接绑定事件
<input type="button" onclick="当点击时调用的函数" value="显示警告框" />
6.join与spilt
join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。arrayObject.join(separator)
参数如果省略,就用“,”分割
split() 方法用于把一个字符串分割成字符串数组。stringObject.split(separator)
7.ready和change
$(document).ready(function(){ //ready在文档加载后激活函数
$(".field").change(function(){ //内容改变后按enter或者焦点移出输入框触发事件
$(this).css("background-color","#D6D6FF");
});
});
8.转换编码
base64;
enCodeURLComponent()
9.
hover 选择器鼠标指针在其上浮动的链接设置样式
css中跨浏览器的问题:-ms代表ie内核识别码
-moz代表火狐内核识别码
-webkit代表谷歌内核识别码
-o代表欧朋【opera】内核识别码
10.
如何把时间写入存储
var time = function(){
var d = new Date()
var year = d.getFullYear()
var month = d.getMonth()
var timeString = `${year} ${month}`
return timeString
最新文章
- SQL Azure (16) 创建PaaS SQL Azure V12数据库
- to_string()的应用
- visual studio2015使用git管理源代码
- php中的字符串常用函数(五) explode 妙用
- SRM 595 DIV1 250
- 跟随标准与Webkit源码探究DOM -- 获取元素之getElementsByName
- 爬虫技术 -- 进阶学习(八)模拟简单浏览器(附c#代码)
- 与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。
- HDOJ(HDU) 1898 Sempr == The Best Problem Solver?(水题、、、)
- API 之 MessageBox
- 一步一步重写 CodeIgniter 框架 (7) —— Controller执行时将 Model获得的数据传入View中,实现MVC
- jQuery无限级联下拉框插件
- 关于bootstrap的一些想法
- 从1....n中随机输出m个不重复的数
- Android为TV端助力(转载)
- Description Resource Path Location Type Java compiler level does not match the version of(编译问题)
- sql server 备份与恢复系列二 事务日志概述
- Atitit 项目文档规范化与必备文档与推荐文档列表
- django1.10使用本地静态文件
- Win8常用快捷键