没有合适的资源?快使用搜索试试~ 我知道了~
vuejs学习笔记
资源推荐
资源详情
资源评论
1. 日期对象
1.1 设置日期 (2010 年 1 月 14 日)
var myDate=new Date();
myDate.setFullYear(2010,0,14);
1.2 格式化日期
<script type="text/javascript">
// 可以将/换成- 但不能写月年
// var date =new Date('2020/02-02 20:20:10')
function fd(time, ft = 'y-m-d H:M:S') {
var date = new Date(time)
var year = date.getFullYear()
month = date.getMonth() + 1
day = date.getDate()
hour = date.getHours()
min = date.getMinutes()
sec = date.getSeconds()
//创建一个数组长度力 10 构容就字符串 00 01 02..
var arr = ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09'];
var fs = ft.replace(/Y/g, year)
.replace(/m/g, arr[month] || month)
.replace(/d/g, arr[day] || day)
.replace(/H/g, arr[hour] || hour)
.replace(/M/g, arr[min] || min)
.replace(/S/g, arr[sec] || sec);
return fs
}
var result = fd(new Date().getTime(), 'Y 年 m 月 d 日 H 时 M 分 S 秒')
console.log(result)
</script>
2. js 事件
2.1 onclick
<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<h3 id="demo"></h3>
2.2 onblur 失去焦点
https://www.runoob.com/jsref/event-onblur.html
<body>
<script>
function myFunction(){
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>
输入你的名字: <input type="text" id="fname" onblur="myFunction()">
<p>当你离开输入框, 函数将被触发将输入文字转换成大写。</p>
</body>
3. 事件流
3.1 事件冒泡和捕获
菜鸟教程:https://www.runoob.com/jsref/event-bubbles.html
pink 老师:https://www.bilibili.com/video/BV1Sy4y1C7ha?p=253&spm_id_from=pageDriver
// dom 事件流 三个阶段
// 1. JS 代码中只能执行捕获或者冒泡其中的一个阶段。
// 2. onclick 和 attachEvent(ie) 只能得到冒泡阶段。
// 3. 捕 获 阶 段 如 果 addEventListener 第 三 个 参 数 是 true 那 么 则 处 于 捕 获 阶 段
document -> html -> body -> father -> son
// var son = document.querySelector('.son');
// son.addEventListener('click', function() {
// alert('son');
// }, true);
// var father = document.querySelector('.father');
// father.addEventListener('click', function() {
// alert('father');
// }, true);
// 4. 冒泡阶段 如果 addEventListener 第三个参数是 false 或者 省略 那么则处于冒泡阶
段 son -> father ->body -> html -> document
4. 事件处理程序
4.1 DOM0 级事件处理
通过 JavaScript 指定事件处理程序的传统方式,就是将一个函数赋值给一个事件处
理程序属性。这种方式被所有现代浏览器所支持。这种方式首先必须取得一个要操作
的对象的引用,每个元素都有自己的事件处理程序属性,这些属性通常全都小写,例
如 onclick,然后将这种属性的值设为一个函数,就可以指定事件处理程序了。
例如:
以这种方式添加的事件处理程序会在事件流的冒泡阶段被处理。而且,只能为同一个
元素的同一个事件设定一个处理程序(覆盖),也可以通过删除 DOMe 级方法指定的
事件处理程序,只要将属性值设为 nul1 即可:
4.2 DOM2 级事件处理
“DOM2 级事件”定义了两个方法,用于处理指定和删除事件处理程序的操作:
addEventListener()和 removeEventListener()。所有 DOM 节点都包含这两个方法,
并且他们都接受 3 个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。
最后这个布尔值参数如果是 true,则表示在捕获阶段调用事件处理程序;如果是 false
则表示在冒泡阶段调用事件处理程序。
addEventListener():https://www.runoob.com/js/js-htmldom-eventlistener.html
removeEventListener():
https://www.runoob.com/jsref/met-document-removeeventlistener.html
移除事件用:
btn.removeEventListener(事件,函数名,br(可省))
br(布尔值):
� true - 事件句柄在捕获阶段移除
� false- 默认。事件句柄在冒泡阶段移除
注意: 如果要移除事件句柄,addEventListener() 的执行函数必须使用外部函数,如上实例所
示 (myFunction)。
匿名函数,类似 "document.removeEventListener("event", function(){ myScript });" 该事件是
无法移除的
5. js.BOM 对象
剩余18页未读,继续阅读
资源评论
十年人间~
- 粉丝: 1001
- 资源: 219
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功