摘要: 切换图片 <style> *{ margin:0; padding:0; } #outer{ width:1500px; margin:50px auto; padding:20px; /*文本居中*/ text-align: center; } </style> <script> window.o 阅读全文
posted @ 2020-08-12 20:40 花未眠0619 阅读(465) 评论(0) 推荐(0)
摘要: DOM-文档对象模型 1. 四种节点的属性: 2. var btu=document.getElementById('btu'); //获取button对象的ID btu.innerHTML="I'm a buttom"; //修改HTML内的文字 3. 事件:用户和浏览器之间的交互行为,比如,点击 阅读全文
posted @ 2020-08-12 20:39 花未眠0619 阅读(182) 评论(0) 推荐(0)
摘要: 正则表达式 1. 正则表达式用于定义一些字符串的规则:计算机可以根据正则表达式,来检查一个字符串是否符合规则,将字符串中符合规则的内容提取出来。 2. 创建正则表达式对象: var reg=new RegExp("正则表达式","匹配模式"); //结果:/内容/ 匹配模式:值:i:忽略大小写 g: 阅读全文
posted @ 2020-08-12 20:30 花未眠0619 阅读(195) 评论(0) 推荐(0)
摘要: 数组(Array) 1. 数组 数组也是一个对象,不同点:普通对象是使用字符串作为属性名的,数组是使用数字作为索引操作元素。 数组的存储性能比普通对象要好,在开发中经常使用数组来存储一些数据。 向数组中添加元素 语法:数组[索引]=值 向读取数组中的元素,若读取不存在的索引,不会报错而是返回unde 阅读全文
posted @ 2020-08-12 20:19 花未眠0619 阅读(222) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* *{ margin:0; padding:0; }*/ #total{ width:400px; border:1 阅读全文
posted @ 2020-08-12 16:10 花未眠0619 阅读(425) 评论(0) 推荐(0)
摘要: 对象 1. 对象:使用基本数据类型的数据,创建的变量都是独立的,不能成为一个整体 对象属于一个复合数据类型,在对象中可以保存多个不同数据类型的属性。 对象的分类: (1)内建对象:由ES标准中定义的对象,在任何的ES的实现中都可以使用(Math,string,number) (2)宿主对象:由JS的 阅读全文
posted @ 2020-08-12 10:55 花未眠0619 阅读(324) 评论(0) 推荐(0)
摘要: https://objtube.github.io/front-end-roadmap/#/ 阅读全文
posted @ 2020-08-12 10:39 花未眠0619 阅读(238) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>调查表</title> <style> *{ margin:0; padding:0; } #total{ width:300px; height:200px; 阅读全文
posted @ 2020-08-12 10:34 花未眠0619 阅读(287) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action="" method="post"> <label for="checkedAllBox 阅读全文
posted @ 2020-08-12 10:33 花未眠0619 阅读(257) 评论(0) 推荐(0)