网页相关的技术,一般为了备忘而摘录
今天发现IE下无法正常执行脚本的问题,检查资料发现是IE的部分标签不支持innerHTML

参考一下这个好了,未实践此代码

var objtable=document.getElementById('devicelisttable')
var thead=objtable.rows[0].parentNode.innerHTML
objtable.innerHTML=thead+iteminfo.join('');
上面代码在IE6-9中直接报错:
IE9:Invalid target element for this operation.
IE6-8:Unknown runtime error

IE10 中正常。
查看msdn文档http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx有这样一段描述:
The innerHTML property is read-only on the col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title, and tr objects.
原来在ie6-ie9中table的innerHTML是只读的。 解决方法:
function setTableInnerHTML(table, html) {
if(navigator&&navigator.userAgent.match(/msie/i)){
var temp = table.ownerDocument.createElement('div');
temp.innerHTML = '<table><tbody>' + html + '</tbody></table>';
if(table.tBodies.length == 0){
var tbody=document.createElement("tbody");
table.appendChild(tbody);
}
table.replaceChild(temp.firstChild.firstChild, table.tBodies[0]);
}else{
table.innerHTML=html;
}
}

var objtable=document.getElementById('devicelisttable')
var thead=objtable.rows[0].parentNode.innerHTML
setTableInnerHTML(objtable, thead+iteminfo.join(''))



<link href="css/main.css" rel="stylesheet" type="text/css" />
<style>      
@media   print{    
    div.noprint{display:none;}  
}  
</style>

<div class="noprint"><p align="center" ><input type="button" id="pbt" name="Submit" value="打印" onclick="javascirpt:window.print();window.opper=null;window.close()" />
firefox和chrome都支持这么写

background: url('img.png') no-repeat left 5px top 10px;

在IE里看不到偏移,可以这么写

background: url('img.png') no-repeat;
background-position:5px 10px;
要做相对定位,发现CSS控制还是很讲究的,摘录和引用一些关于此两个方式的说明:

CSS2.0 HandBook上的解释:

  设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border )。

  要激活对象的绝对(absolute)定位,必须指定 left , right , top , bottom 属性中的至少一个,并且设置此属性值为 absolute 。否则上述属性会使用他们的默认值 auto ,这将导致对象遵从正常的HTML布局规则,在前一个对象之后立即被呈递。

  TRBL属性(TOP、RIGHT、BOTTOM、LEFT)只有当设定了position属性才有效。
Tags: ,
备忘
.test{
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
Tags: ,
分页: 1/6 第一页 1 2 3 4 5 6 下页 最后页 [ 显示模式: 摘要 | 列表 ]

阅读推荐

服务器相关推荐

开发相关推荐

应用软件推荐