徐12 - 博客园

2020年4月7日

摘要：鼠标事件对象 mouseEvent鼠标事件对象 e.clientX 在可视区的x和y的坐标 e.pageX 在页面文档的X和Y的坐标 <script> document.addEventListener('click', function (e) { console.log(e.clientX); 阅读全文

posted @ 2020-04-07 11:30 徐12 阅读(896) 评论(0) 推荐(0) 编辑

js 事件对象相关笔记

摘要：事件对象 event就是一个事件对象写到我们的监听函数的括号里面当形参来看事件对象只有有了事件才存在，他是系统给我们自动创建的不需要我们传递参数事件对象是我们事件的一系列相关数据的集合跟事件相关比如鼠标点击就包含了鼠标的相关信息等等事件对象我们可以自己定义比如event,eve,e 事阅读全文

posted @ 2020-04-07 11:25 徐12 阅读(144) 评论(0) 推荐(0) 编辑

2020年4月3日

JS DOM重点核心笔记

摘要： DOM重点核心文档对象模型,是W3C推荐的处理可扩展的标记语言的标准编程接口我们主要针对与勇士的操作,主要有创建、增加、删除、修改、查询、属性操作、事件操作三种动态创建元素的区别 document.write() //在文档中写一个标签,如果页面文档加载完毕,再调用这句话会导致页面重绘 1 < 阅读全文

posted @ 2020-04-03 12:15 徐12 阅读(262) 评论(0) 推荐(0) 编辑

2020年4月1日

JS 动态生成表格案例

摘要： css代码 1 table { 2 border: 1px solid black; 3 margin: 0 auto; 4 width: 400px; 5 } 6 7 #thead { 8 height: 50px !important; 9 line-height: 50px; 10 backg 阅读全文

posted @ 2020-04-01 11:32 徐12 阅读(446) 评论(0) 推荐(0) 编辑

JS 留言板案例

摘要： css代码 1 ul { 2 list-style: none; 3 } 4 5 ul li { 6 background-color: pink; 7 line-height: 40px; 8 margin: 10px; 9 width: 300px; 10 } 11 12 ul li a { 1 阅读全文

posted @ 2020-04-01 11:30 徐12 阅读(338) 评论(0) 推荐(0) 编辑

JS 下拉菜单案例

摘要： css代码 1 .nav { 2 width: 300px; 3 height: 400px; 4 list-style: none; 5 padding: 0; 6 margin: 0 auto; 7 } 8 9 .nav>li { 10 float: left; 11 width: 100px; 阅读全文

posted @ 2020-04-01 11:28 徐12 阅读(412) 评论(0) 推荐(0) 编辑

JS 节点笔记

摘要： h5新增自定义属性为了保存并使用数据,有一些数据不必要保存到数据库中； data开头作为自定义属性并赋值兼容性获取element.getAttribute("data-自定义属性名") h5新增element.dataset.属性名或者element.dataset['属性名'] 注意如果自阅读全文

posted @ 2020-04-01 11:26 徐12 阅读(186) 评论(0) 推荐(0) 编辑

2020年3月31日

js 自定义属性操作

摘要：自定义属性操作 element.属性获取内置属性值 element.getAttribute("属性") 我们自己添加的属性叫自定义属性 element.setAttribute("属性","值") 主要针对与自定义属性移除属性 element.removeAttrribute("属性") 1 阅读全文

posted @ 2020-03-31 12:16 徐12 阅读(661) 评论(0) 推荐(0) 编辑

JS 导航条切换案例

摘要： HTML代码: 1 <div class="tab"> 2 <div class="tab_list"> 3 <ul> 4 <li class="current">商品介绍</li> 5 <li>规格与包装</li> 6 <li>售后保障</li> 7 <li>商品评价</li> 8 <li>手机社阅读全文

posted @ 2020-03-31 12:14 徐12 阅读(728) 评论(0) 推荐(0) 编辑

js 排他思想案例

摘要： 1  2 3 <button>按钮1</button> 4 <button>按钮2</button> 5 <button>按钮3</button> 6 <button>按钮4</button> 7 <button>按钮5</button> 8 <script> 9 var 阅读全文

posted @ 2020-03-31 12:12 徐12 阅读(582) 评论(0) 推荐(0) 编辑

徐许

公告