随笔分类 -  web前端

摘要:DOM0 级事件 缺点:虽然实现了内容与行为相分离,但是元素仍然只能绑定一个监听函数 演示代码如下: DOM2级事件 通过两个函数来给对象添加和删除处理程序, 分别是addEventListener()和removeEventListener(); 它们都有三个参数: 1. 要处理的事件名, 2. 阅读全文
posted @ 2019-12-20 16:07 Lay0us 阅读(159) 评论(0) 推荐(0)
摘要:代码如下: 阅读全文
posted @ 2019-12-19 11:33 Lay0us 阅读(203) 评论(0) 推荐(0)
摘要:利用JavaScript的事件来实现,代码如下: 当输入框获得焦点就执行fun()函数,fun()函数用了使用Id查找的方法,设置行内的 为”请输入你的姓名“ 当输入框失去焦点就执行fun1()函数,fun1()函数如果用户没有按下键盘就输出”用户名不能为空“,如果``标签内的值不为空,就设置边框线 阅读全文
posted @ 2019-12-18 21:58 Lay0us 阅读(1701) 评论(0) 推荐(0)
摘要:复制之后可以作为js文件链入,也可以放在HTML的``文件中 代码如下: 阅读全文
posted @ 2019-12-18 20:25 Lay0us 阅读(626) 评论(0) 推荐(0)
摘要:BOM对象 + Window window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。 在全局作用域中定义的任何对象都是window的属性 + location + history 阅读全文
posted @ 2019-12-18 17:18 Lay0us 阅读(189) 评论(0) 推荐(0)
摘要:查找原因最终发现是由于获取不到插入的节点 出现这种情况的原因:获取节点时,节点还没加载 例如:JS写在head里面,取body里面的某一节点,这时候是取不到的。 解决方法:把JS代码放到``后面。 阅读全文
posted @ 2019-12-18 17:05 Lay0us 阅读(948) 评论(0) 推荐(0)
摘要:代码如下: 结果在下面的gif图中: 阅读全文
posted @ 2019-12-17 21:56 Lay0us 阅读(411) 评论(2) 推荐(1)
摘要:遇到一个小问题,输出换行符 然后无意加了引号之后成功 代码如下: 效果如图所示: 阅读全文
posted @ 2019-12-17 19:30 Lay0us 阅读(824) 评论(0) 推荐(0)
摘要:超时调用 间歇调用 阅读全文
posted @ 2019-12-17 14:23 Lay0us 阅读(232) 评论(0) 推荐(0)
摘要:JavaScript中的内置对象 1. Array数组对象 2. String字符串对象 3. Math数学计算对象 4. Date日期对象 1.Array数组对象 创建数组: 1. 使用Array构造函数 语法: 小括号说明: 1. 预先知道数字要保存的项目数量 2. 向Array构造函数中传递数 阅读全文
posted @ 2019-12-17 13:53 Lay0us 阅读(273) 评论(0) 推荐(0)
摘要:鼠标事件 属性 | 描述 | onclick |当用户点击某个对象时调用的事件句柄。 oncontextmenu|在用户点击鼠标右键打开上下文菜单时触发 ondblclick|当用户双击某个对象时调用的事件句柄。 onmousedown|鼠标按钮被按下。 onmouseenter|当鼠标指针移动到元 阅读全文
posted @ 2019-12-17 09:15 Lay0us 阅读(171) 评论(0) 推荐(0)
摘要:#看代码: var sum = 0; for (var i=0;i<=100;i++) { if (i ==22 || i==44 || i==66 || i==88) { continue; } if (i% 2 == 0) { sum += i; console.log(i); } } cons 阅读全文
posted @ 2019-12-16 14:52 Lay0us 阅读(238) 评论(0) 推荐(0)
摘要:在JavaScript中遍历数组通常是使用fori循环,自ES5发布后也可以使用forEach,另外在ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用forEach遍历数组的话,使用break不能中断 阅读全文
posted @ 2019-12-16 10:40 Lay0us 阅读(184) 评论(0) 推荐(0)
摘要:代码如下: 这样就可以直接break掉整个循环嵌套了!! 阅读全文
posted @ 2019-12-16 10:23 Lay0us 阅读(196) 评论(0) 推荐(0)
摘要:在经历了一段风风雨雨的HTML+CSS学习之后,便踏上了学习JavaScript的道路 在 HTML 中使用JavaScript 1. 可以在head或者body中使用 2. 也可以使用 3. 行内 `` JavaScript的注释和css注释一样 JavaScript的标识符 1. 什么是标识符? 阅读全文
posted @ 2019-12-07 17:54 Lay0us 阅读(182) 评论(0) 推荐(0)
摘要:在学习了一个星期的 HTML + CSS之后,发现还有一些东西需要去记忆,俗话说的好: 眼过千遍不如手过一遍,这就把需要记忆的东西记下来。 很多时候我们遇到的情况是: 设置背景图片 如果背景图片不平铺就达不到全屏的效果,如果平铺了之后效果就有些差强人意,这时候CSS这个属性就派上用场了 还有一些属性 阅读全文
posted @ 2019-12-04 18:57 Lay0us 阅读(4452) 评论(0) 推荐(0)
摘要:##文本标签 h1 ~ h6标题标签 hr分割线 br换行 p段落 <i>斜体</i> <em>强调斜体</em> <b>加粗</b> <strong>强调加粗</strong> <del>删除线</del> 上标:2的平方 2<sup>2<sup> 下标:氧气 0<sub>2</sub> <for 阅读全文
posted @ 2019-12-02 15:34 Lay0us 阅读(77) 评论(0) 推荐(0)