-
3问：这里(function(i){})还是不懂，求详细解答 答： 第一个()中定义了一个函数，function(i)表示是匿名函数，形参为i 因为这个是形参因此也可以改为其他 标识符 如：arg； 第二个()表示立即调用定义的函数 并输入参数i 这个i是实参； 相当于 : function f(arg) {...} f(i);查看全部
-
回答2： 楼上回答不完善。offsetWidth获取的是元素盒子模型的宽度， 即：offsetWidth = width + padding left + padding right + border left + border right； style.width = width。 例子（借用楼上的例子1）： <!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <div ></div> <script type="text/javascript"> alert(document.getElementsByTagName("div")[0].offsetWidth) //130 alert(document.getElementsByTagName("div")[0].style.width) //100px </script> </body> </html> 同理，offsetHeight 和 style.height 的区别是一样的。查看全部
-
例子2： <!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> div{width:100px;height:100px;} </style> </head> <body> <div></div> <script type="text/javascript"> alert(document.getElementsByTagName("div")[0].offsetWidth) //100 alert(document.getElementsByTagName("div")[0].style.width) //输出为空 </script> </body> </html> 希望对你有帮助！查看全部
-
2， offsetWdith和 style.width 之间的区别么 为什么老师的 单张图片 var imgWidth=imgs[0].offsetWidth 而不是用imgs[0].style.width呢？ 回答1： offsetWdith和 style.width都是获取元素的宽度，但是还是有区别的。 offsetWidth在任何情况都可以获取元素的宽度，但是style.width只有在元素有内联样式且样式包含宽度的时候才可以获取到宽度的值，而且前者输出是不带单位的，后者输出是带单位的。 例子1： <!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <div ></div> <script type="text/javascript"> alert(document.getElementsByTagName("div")[0].offsetWidth) //100 alert(document.getElementsByTagName("div")[0].style.width) //100px </script> </body> </html>查看全部
-
课后问答： 1,问：10是什么意思呢 parseInt(imgs[j].style.left,10)这里10是什么意思？ 答：那是十进制的意思。parseInt第二个参数是基数，支持2~36之间的数字，也就是你要的是什么进制的。查看全部
-
① domReady 与 window.onload ② dom的继承关系，既然有6、7层。需要用虚拟dom或现成的前端框架，如react来操作。不然很耗时。 考虑考浏览器问题，兼容性问题，用户体验问题查看全部
-
第一： <img src="images/door1.png" alt="1080P神器" title="1080P神器"> 其中src，alt，title都是img的固有属性。 alt：当不能显示图片时的文字信息 title：当鼠标滑动到图片上时的提示信息 第二：reset.css 这里的reset.css是第三方写好的css代码，作用是：屏蔽浏览器默认样式的显示差异。这个可以从网上下载下来用就可以了。 第三：本案例的需求分析： 我们把鼠标放在要展示的图片上，当前图片伸展打开，其他的图片堆叠关闭， 本案例在效果上并没有添加滑动的过渡效果，因为我们重点放在DOM操作上， js的加速减速的算法并没有添加进来。 第四： html+css实现的效果是：4张图片堆叠在一起 js实现的效果是：图片的交叠和滑动效果。 第五： 为了让溢出容器的图片不显示，在img的父元素div中设置css样式：overflow: hidden; 第六： 为了实现图片的堆叠，这里要使用定位： 1，首先在container中定义一个position: relative;这样的相对定位。 2，然后给img定义一个position: absolute;这样一个绝对定位。 3，为了灵活的控制img，把img这个行内元素变为块级元素:display: block; (行内元素变成块级元素或者行内块元素，可以给元素增加宽高属性。) 4，然后设置img的样式：left: 0;使图片紧贴容器左边框 第七：为了边界清晰，给这4个图片定义一个灰色的，1个px的左侧边框： border-left: 1px solid #ccc; 第八：在div标签中用什么时候用id属性，什么时候用class属性？为了写css代码，用id好还是用class好？ 不止一次出现的都用class，唯一出现一次的可以用id 一般css中几乎不使用id，靠着class名称和和与其他元素的父子关系来选定元素 第九：如何搭建httpserver来直接访问本地的html文件？，然后修改html文件不用重启服务器就能使浏览器页面刷新 http://getf5.com/ 用这个吧，适合新手，基本没有学习成本查看全部
-
并列原则： 块级元素与块级元素并列，内联元素与内联元素并列查看全部
-
li内可以包含div标签 有些块状元素只能包含内联元素查看全部
-
块状元素和内联元素查看全部
-
HTML嵌套规则查看全部
-
DOM节点继承层次查看全部
-
判断节点的包含关系查看全部
-
判断XML和HTML的方法： 先使用isElememt判断是否为元素节点，再用creatElement判断元素名大写小写是否都等同，大小写不等同为XML，等同为HTML查看全部
-
判断XML和HTML的方法： 先使用isElememt判断是否为元素节点，再用creatElement判断元素名大写小写是否都等同，大小写不等同为XML，等同为HTML查看全部
举报
0/150
提交
取消