2020年1月22日
08-JS DOM事件
摘要： 鼠标事件类型 click：当用户点击某个对象时调用的事件句柄。 dbclick：当用户双击某个对象时调用的事件句柄。 mousedown：鼠标按钮被按下。 mouseup：鼠标按键被松开 mouseover：鼠标移到某元素之上 //进入它的子元素也会触发 mouseout：鼠标从某元素移开 //进入 阅读全文
posted @ 2020-01-22 17:31 JaydenQiu 阅读(200) 评论(0) 推荐(0)
07-JS DOM属性
摘要： 固有属性（property） 自定义属性（atrributes） <div id="ml" xx="xx" a="b"> 获取div的xx属性值 console.log(div.attributes.getNamedIteam('xx').nodeValue); console.log(div.at 阅读全文
posted @ 2020-01-22 15:06 JaydenQiu 阅读(198) 评论(0) 推荐(0)
06-JS DOM操作
摘要： 创建节点 document.write（创建任意内容，并写入） document.write('<h1>添加到html中的文本</h1>'); docement.createElement（创建元素） var jd = document.createElement('li'); //创建一个li元素 阅读全文
posted @ 2020-01-22 14:25 JaydenQiu 阅读(148) 评论(0) 推荐(0)
2020年1月20日
05-错误调试与处理
摘要： 调试准备 1、F12进入调试工具 2、点击sources，同时进入console控制台 3、查看console控制台提示的错误信息 4、在错误信息右侧，点击错误行号，可以进入代码，检查附近的错误信息。 错误代码解析 语法错误 Uncaught SyntaxError[ˈsɪntæksˈerər]，常 阅读全文
posted @ 2020-01-20 16:37 JaydenQiu 阅读(140) 评论(0) 推荐(0)
04-JS内置对象
摘要： Array [əˈreɪ] 数组创建 空数组的创建：var a = new Array(); //数组可以存储各种不同类型的项。 方法一： var a = new Array(4); // ()里面可以写要保存的项目数量 a [0] =3; a [1] =”abc”; a [2] =5; a [3] 阅读全文
posted @ 2020-01-20 16:26 JaydenQiu 阅读(130) 评论(0) 推荐(0)
03-JS函数
摘要： function函数 function的定义 function functionName( 接收的参数1,接收的参数2 ){ //参数1跟参数2可有可无 document.write(“函数里面的内容”); //这是例子 } function的调用 functionName(); //函数名加上括号 阅读全文
posted @ 2020-01-20 15:50 JaydenQiu 阅读(96) 评论(0) 推荐(0)
02-JS流程控制语句
摘要： if语句 if( 条件 ) { 条件成立时执行的语句; }else { 条件不成立时执行的语句; } prompt [prɑːmpt] prompt("对话框的提示内容"); //如：var age = prompt("对话框的提示内容"); 这样用户输入的内容就等于age。 alert [əˈlɜ 阅读全文
posted @ 2020-01-20 15:44 JaydenQiu 阅读(99) 评论(0) 推荐(0)
01-JS语法
摘要： 标识符 标识符：变量、函数、属性的名字，或者函数的参数。 标识符的命名规则： 1、由字母、数字、下划线_或美元符号$组成。 2、不能以数字开头。 3、不能使用关键字、保留字等作为标识符。 变量声明/赋值 变量声明：var 变量名;变量赋值var 变量名 = 值; 或 var 变量名1 = 值1 , 阅读全文
posted @ 2020-01-20 14:11 JaydenQiu 阅读(105) 评论(0) 推荐(0)
07-CSS3动画
摘要： animation animation-name（动画名称） animation-name: keyfamename | none; //检索或设置对象所应用的动画名称 animation-duration（动画持续时间） animation-duration: time; //检索或设置对象动画的 阅读全文
posted @ 2020-01-20 13:11 JaydenQiu 阅读(133) 评论(0) 推荐(0)
06-CSS3过渡
摘要： transition transition-property（过渡的元素） transition-property: none | all | property; //选择需要过渡的属性名// none：没有属性改变// all：所有属性改变（默认值）//property：元素属性名//如颜色过渡： 阅读全文
posted @ 2020-01-20 12:24 JaydenQiu 阅读(138) 评论(0) 推荐(0)