@姒庆-CSDN博客

原创阻止事件冒泡

事件对象：type属性：返回string，表示当前事件的类型 wrap.ondblclick = function(e){ var e = e||window.event; console.log(e,type); //兼容写法 var el = e.target || e.srcElement; }targ...

2019-10-28 16:08:08 481

原创图片对象

##图片对象new Image();var img1 = new Image();//创建图片元素document.body.appendChild(img1);img1.src = 'mY/1.png' ;一下三种方法只能读取img标签样式上的宽高console.log(img2.style,width); console.log(img2,width); conso...

2019-10-28 16:07:16 1282

原创事件监听

###为元素添加事件处理程序方式：元素行间绑定：通过元素的onclick 属性不适合代码量较大的事件处理程序如果要赋值函数，必须写函数的调用，导致函数中的this不在指向当前元素，而是window.DOM0级绑定事件处理程序：el.onclick = function(){}不管行间绑定还是DOM0级绑定，在各个浏览器上都不存在兼容问题当我们为同一个元素多次绑定同一类型的...

2019-10-28 16:06:02 215

原创键盘事件

键盘事件：键盘事件通常需要直接绑定给文档documentonkeydown (按键按下)onkeyup (按键释放)onkeypress (字符按键按下)onkeydown onkeyup 如果持续按下并未释放，但是存在较短的触发间隔 document.onkeydown = function(e){ var e = e || window.event;...

2019-10-28 16:05:32 271

原创 JS碰撞

###JS碰撞预定义 id通过元素的ID 属性读写元素的id属性值;this.id = 'active'; 通过元素的className 属性读写元素的class属性值this.className = 'active'; 图片未加载时获取不到获取元素宽和高元素的offsetWidth & offsetHeight 可以获取元素的宽和高.获取的是...

2019-10-28 16:01:22 201

原创 js基础

1. js基础通过获取元素的属性来获取标签中的元素document.getElementById('id ')document.getElementsByTagName('标签名')document.getElementsByClass('class')通过js方式为元素设置样式所有的样式存在连字符,js中都去掉连字符,换成驼峰命名,//例如: font-size ---&g...

2019-10-28 16:00:52 95

原创 js变量提升问题

##js多维数组,函数变量提升问题错误代码var fontArr = ['黑', '蓝', '黄', '红', '绿'], arrColors = ['blue', 'red', 'yellow', 'green', 'black']; //输出大字bagColor.innerText = fontArr[random(0,4)];//输出小字for (var i = 0...

2019-10-28 16:00:21 107

原创 DOM操作

##DOM :document object model 文档对象模型作用在浏览器加载文档时,将文档内容转换成js对象 ,实现js代码对文档内容的操作 (增删改查),DOM 其实就是浏览器提供的对文档内容操作的接口. DOM树:文档内容转化后的对象结构像是一个树形结构,根对象就是document,document对象在文档加载到浏览器中就已经存在,可以直接使用.doc...

2019-10-28 15:59:40 97

原创 css复习

1.什么是浮动浮动是一种布局方式，最初的诞生是为了实现文字环绕图片，后来更多用于标签的同行显示。2，设置了浮动的元素，会向着指定的方向漂浮，脱离文本流，层级提高半层，当遇到父元素边缘或同样设置了浮动属性的元素停止，当一行放不下时会自动换行，居中：块标签：margin auto；行，内联块：父几设置text-align：center；父级弹性盒子定位居中...

2019-10-28 15:58:19 146

原创 git报错解决

##GIT添加远程仓库:git remote add origin git@github.com:1765080897@qq.com/javascript-.git 推送git push -u origin master 报错To github.com:5312/javascript-.git ! [rejected] master -> master (...

2019-10-28 15:56:52 261

原创 win10和ubuntu双系统安装

最近想使用win10和ubuntu双系统但是按照网上的教程出现了许多失误甚至重装了好几次！！最后发现很简单没那么复杂所以现在写一个简单明了的教程以供小白使用一.首先在win10里打开磁盘管理器(右键开始图标找到磁盘管理器)在较大的空间中，单击右键，选择“压缩卷”，为Ubuntu腾出空间。二2. ubuntu U盘启动盘制作从官网下载“Ubuntu-16.04.2-deskto...

2019-03-13 22:57:51 215

apaly的博客