JavaScript - 思想之地

今天在前台开发项目中发现一个费解的问题:
我想使用document.getElementsByName获得页面中一些拥有相同name属性的TD标签元素.
该功能代码在FireFox下调试的一切正常,但是转到IE下无论是IE6还是IE7无法正确获得这些元素,调试时发现得到的返回的数组长度为0.既然FF下正常工作,那么这很明显是一个浏览器兼容问题,查找资料后得到如下结论:

在IE下只有以下标签支持Name属性
A, APPLET, BUTTON, FORM, FRAME, IFRAME, IMG, INPUT, OBJECT, MAP, META, PARAM, TEXTAREA ,SELECT

其他的如DIV,TD等标签是无法用getElementsByName方法来获得的.

囧....

看来得想其他的方法来解决这个问题了

标签: JavaScript

评论(0) 引用(0) 浏览(2348)

JavaScript得到当前窗口的所有大小值

post by 朦朧中的罪惡 / 2008-1-21 14:09 Monday

var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";

标签: JavaScript

评论(0) 引用(201) 浏览(1683)

JavaScript在IE下设置innerHTML时出现"未知的运行时错误"

post by 朦朧中的罪惡 / 2008-1-14 14:31 Monday

今天在项目开发中遇到的比较郁闷的问题，特此记录：

程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报"未知的运行时错误",让我百思不得其解.

document.getElementById('trone').innerHTML = '<td>haha</td>';

</script>

在网上一段查找获得以下解法:

在Ajax里经常会通过innerHTML来改变界面，这个比使用DOM要简单一些。
比如：
element.innerHTML = "<b>something</b>"
不过，在IE中，有时候会出现"未知的运行时错误(unknown runtime error)",而在firefox里不会。

这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的要求，比如如果你是在一个p里加入包含<li>的html代码，这是会出错的。所以如果你发现这些错误出现，尝试做两件事情：

1、检查你尝试加到innerHTML的html代码是否包含破损的html标签，如没有<ul></ul>包围的<li></li>.
2、把你的容器改成那些比较“包容”的标签，如<span></span>,<div></div>

特别注意的是<tbody>,<table>,<tr>标签里面加正确格式的<td>标签都有可能出错，所以应该避免使用这些标签作为容器，必要时可以用<td>作为容器，再锲套一层表格。

标签: JavaScript

评论(0) 引用(204) 浏览(3040)

JavaScript生成ifame导致IE报无法打开搜索页的解决办法 [疑难杂症]

post by 朦朧中的罪惡 / 2007-11-29 20:28 Thursday

今天修改客户网站时遇到一个奇怪的问题，情况如下：

用JavaScript动态生成一个浮动层浮动层内嵌一个<iframe>标签显示相关内容，页面载入后显示，一分钟后自动消失，一分钟后再次出现。但是奇怪的问题出现了，每次页面载入后，IE浏览器弹出信息框提示“internet explorer 无法打开 internet 站点”的提示。运行的JavaScript如下：

var flying;
Creatimg_div();
function Creatimg_div()
{
if (document.readyState!="complete") return ;
var span = document.createElement('span');
span.setAttribute('id','haha');
span.innerHTML = '<DIV id="followDiv2" style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:450;top:300"><iframe name="book" src="index_image.asp" frameborder="0" width="124" height="188" scrolling="no"></iframe></DIV>';
document.body.appendChild(span);
flying = setInterval('fly()',1);
setTimeout('Close_div()',60000);
}
function Close_div() {
var div = document.getElementById('haha');
div.parentNode.removeChild(div);
clearInterval(flying);
setTimeout('Creatimg_div()',60000);

}
function fly()
{
var followObj = document.getElementById('followDiv2');
var x = document.body.clientWidth-600;
var y = document.body.clientHeight-400;;
var followObj_x = (typeof(x) == 'string' ? eval(x): x );
var followObj_y = (typeof(y) == 'string' ? eval(y): y );

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x) ) {
  var dx = (document.body.scrollLeft + followObj_x-followObj.offsetLeft)*delta;
  dx = (dx>0?1:-1) * Math.ceil(Math.abs(dx));
  followObj.style.left=followObj.offsetLeft+dx;
}

if(followObj.offsetTop!=(document.body.scrollTop + followObj_y)) {
  var dy = (document.body.scrollTop+followObj_y - followObj.offsetTop)*delta;
  dy = (dy>0?1:-1) * Math.ceil(Math.abs(dy));
  followObj.style.top = followObj.offsetTop + dy;
}
}

经过检查，脚本完全无错，但是每次页面载入都是报错，让我百思不得其解。参考相关资料后我得出以下结论：在页面载入时运行这段脚本生成了一个<iframe ，但是页面并没有完全载入完成就开始解析<iframe ，<iframe 还没引发完成就跳转，导致游览器中断，所以就出现了 “internet explore 无法打开internet站点...，已终止操作”的结果。

文件原因找到了，解决的方法也很简单：

延缓调用生成浮动层的函数，这样可以等待页面载入完毕后再生成<iframe，这样就可以避免导致浏览器解析中断。

代码修改：

将直接运行

Creatimg_div()

修改为

setTimeout('Creatimg_div()',1500);

用setTimeout延时1.5秒启动函数即可。

标签: JavaScript

评论(0) 引用(201) 浏览(1883)

1 2