《Web技术基础》复习提示.docVIP

通过DIV+CSS方式实现三栏并列排放时，把三栏都设置为左浮动，把下面的footer一栏清除左浮动(clear:left)。 通过DIV+CSS方式布局网页，要想网页在Chrome或360浏览器中居中显示，除了让body的内容居中（text-align：center），还得给要居中的内容加上margin:auto属性。 让div的单行内容垂直方向居中时参考设置：line-height: 3em;height: 3em;overflow: hidden; line-height和height属性值一样，可调节大小。 Date类的3个方法：日期时间toLocaleString()，日期toLocaleDateString()，时间toLocaleTimeString()。 设置背景图片大小的属性：background-size:1000px 150px;第一个属性值是宽度，第二个属性值是高度。设置字符间距的属性：letter-spacing。 考试时间显示在div id=”header”的右下角可以用绝对定位，要想参照物是div id=”header”,只需把div id=”header”相对定位，不需指定偏移量。 在JavaScript脚本中通过创建节点的方式增加列表元素： var ulDOM=document.createElement(ul); var liDOM=document.createElement(li); liDOM.innerHTML=HTML; ulDOM.appendChild(liDOM); …… document.getElementById(answer).appendChild(ulDOM); answer是包含列表的div的id属性值。 图片的层叠用z-index属性。 访问div id=”second”的背景颜色document.getElementById(second).style.backgroundColor。 设置div id=”second”是否隐藏：document.getElementById(second).style.visibility=hidden。（visible） 更改下拉列表选项，产生change事件。 选项更改时，转到相应的网页：利用location对象的href属性。 location.href=document.getElementById(selectTest).value; document.getElementById(selectTest).value=#; 309题，注意月份是从0开始。 数的阶乘，num是存放正整数的变量： var re=1; for(i=1;i=num;i++){ re*=i; } 14.405乘法口诀表：是脚本输出的，不是静态的文本。用两层循环来做。 15.410 DOM2事件模型参考答案： script type=text/javascript function eventA(){ if(confirm(确定要访问临沂大学主页吗?)){ arguments[0].stopPropagation(); }else{ arguments[0].preventDefault(); } } function eventDiv(){ if(arguments[0].eventPhase==1){ document.getElementById(message).innerHTML=是否访问临沂大学主页由用户选择！; } if(arguments[0].eventPhase==3){ document.getElementById(message).innerHTML=欢迎继续留在本网页!; } } /script script type=text/javascript document.getElementById(ilink).addEventListener(click,eventA); document.getElementById(linkDiv).addEventListener(click,eventDiv,true); document.getElementById(linkDiv).addEventListener(click,eventDiv,false); /script