qq_39280010-CSDN博客

原创 javaScript Dom编程艺术第九章CSS-DOM 笔记

本章内容 style属性检索样式改变样式 9.1 三位一体的网页网页可以分为：结构层（HTML)，表示层(CSS)和行为层(JavaScript)。我们用HTML搭建文档结构，CSS设置呈现效果，DOM脚本实现文档行为。但这三种技术之间存在着一些重叠区域。例如CSS中：hover，：focus伪类影响着行为。相应的，DOM也可以去给元素设置样式。 9.2 style属性 Style属性包含元素的样式，查询它将返回一个对象，样式都放在这个对象的属性里。 9.2.1 获取样式以下代码

2021-04-06 15:46:04 107

原创 javaScript Dom编程艺术第八章充实文档内容笔记

本章内容创建缩略语列表创建文档链接来源创建快捷键清单 8.1 遵守平稳退化和渐进增强的原则，重要内容不应该使用JavaScript添加。 8.2

2021-04-05 18:40:46 123 1

原创 javaScript Dom编程艺术第七章动态创建标记笔记

本章内容传统技术：document.write和innerHTML 深入剖析DOM方法：createElement、createTextNode、appendChild和insertBefore。使用DOM方法通过创建新元素和修改现有元素改变网页结构。 7.1 传统方法 document.write <body> <script> document.write("<p>This is inserted.</p>");

2021-04-04 22:00:40 102

原创 javaScript Dom编程艺术第六章图片库改进笔记

内容简介从文档中移除事件处理函数向后兼容确保可访问 6.2 平稳退化 <a href="./img/animals/1.jpg" onclick="showPic(this);return false;" title="Cat display">Cat</a> 禁用JavaScript的情况下，仍可访问图片。网页的基本功能完好。若使用伪协议（“javascript:”），或将href设置为"#"网站基本功能将被损害。 6.3 JavaScript和HTML标记分离即J

2021-04-03 16:06:18 118

原创 javaScript Dom编程第五章（最佳实践）笔记

本章内容平稳退化：确保网页在没有JS的情况下也能正常工作。分离JavaScript：把网页的结构和内容与JavaScript的动作行为分开。向后兼容性：确保老版本浏览器不会因为JavaScript脚本死掉。性能考虑：确保脚本执行性能最优。与HTML相比，JavaScript语言更加严苛。若不符合语法规定，JS解释器将拒绝执行并报错。只是很少一部分网页能够在JS被禁用时对网页行为做出妥善安排。很多时候，一旦浏览器不支持或者禁用了JavaScript解释功能，质量不好的脚本将会导致用户无法浏览相

2021-04-02 20:42:28 163

原创 JavaScript图片库练习

JavaScript图片库练习用到的函数 object.getAttribute（attribute）查询元素属性，只能通过元素节点对象调用。 object.setAttribute（attribute,value）修改属性节点的值，同样只能通过元素节点对象调用。 document.getElementById(id) 通过元素id获取相应节点 οnclick=“showPic(whichpic);return false” 事件处理函数。点击链接时，调用showPic函数，返回false阻止默

2021-04-02 16:42:28 66

原创小米商城HTML/CSS项目练习

小米商城HTML/CSS练习前期准备过程中需要注意的点前期准备引入reset.css重置样式表，all.css图标字体，base.css公共样式表。创建index.html以及与其名称相同的index.css。根据经验，固定容器宽度，以免屏幕过大不实用。给body添加min-width以免窗口过小发生溢出。先确定结构（html），再具体编写样式。过程中需要注意的点向右浮动，顺序会反向。文字垂直居中： line-height：height; 容器中所有元素浮动会造成高度塌陷，解决

2021-03-31 11:23:43 505

饱：）的博客