来一发完成Web页面内容静态改动的dhtml操纵
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点…… IE的DHTML工具供应了四个可读写的属性来静态操纵页面元素的内容:innerText,outerText,innerHTML,outerHTML.需注重两点:
1.个中innerText,outerText属性的值是作为一般文本出现的,即便它含有HTML标签也照实反响出来;而innerHTML,outerHTML出现的是经HTML引擎剖析后文本,它能够反响属性中HTML标签的体现效果。
2.对工具的outerText,outerHTML属性赋值(即写操纵)会删除该工具。
以上四个属性的赋值操纵只是交换原工具的文本内容,想要在页面中指定元素相干地位新增文本内容,需接纳insertAdjacentHTML和insertAdjacentText办法。情势以下:
object.insertAdjacentText(sWhere,sText)
object.insertAdjacentHTML(sWhere,sText)
个中sWhere暗示拔出的文原形关于html标签的地位,有以下四个预设值:
beforeBegin,afterBegin,beforeEnd,afterEnd
利用中需注重以下几点:
1.这两种办法必需在全部文档装载完成以后才干利用,不然将堕落。
2.InsertAdjacentText只能拔出一般文本,InsertAdjacentHTML拔出html格局的文本
3.用InsertAdjacentHTML拔出剧本,必需在script元素中利用defer属性,不然剧本实行将呈现运转期毛病
4.InsertAdjacentHTML拔出html元素后,all和其他大概的元素汇合将主动更新以反响静态变更。如页面后续元素的sourceIndex属性将改动。
5.当付与InsertHTML/outerHTML属性有效的HTML标签,该办法大概呈现运转时错。如以下代码将堕落:
<BODY>
<pid=pdiv></p>
<SCRIPTLANGUAGE="JavaScript">
pdiv.innerHTML="<p>hello</p>"
</SCRIPT>
</BODY>
别的页面内容静态操纵还必要注重以下一些细节:
1.只要文档BODY内显现的内容能被以上属性和办法静态改动,BODY工具的内容能主动态操纵,但BODY工具自己没法被交换。
2.以上属性和体例不克不及操纵空标签(没有内容的html标签),如input,img。
3.关于table工具而言,只要td(innerHTML/innerText)和table(outerHMTL/outerText)工具能够用某些属性来交换或拔出内容;而其他table工具,如tr、tbody不克不及用这些属性来改动内容。
</p>
HTML5草案的前身名为WebApplications1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
页:
[1]