利用数组提高IE拼接字符串效率
2008-07-31 20:13 | Filed Under Html/JS/CSS |
今天终于静下心来研究程序的效率问题，竟然发现一个普通的循环拼接字符串在IE下竟然执行了3秒钟时间
搜索发现早就有人对此进行了研究，于是又学到了一招，就是利用数组的join方法
以后得注意着这个问题，当需要拼接的字符串比较多的时候使用如下方法：
- function StringBuffer(){
- this._strings = new Array();
- }
- StringBuffer.prototype.append = function(str){
- this._strings.push(str);
- };
- StringBuffer.prototype.toString = function(){
- var str = arguments.length == 0 ? '' : arguments[0];
- return this._strings.join(str);
- };
- //示例
- var buffer = new StringBuffer();
- buffer.append('This is ');
- buffer.append('an ');
- buffer.append('example!');
- alert(buffer.toString());
在我的代码上实际使用时，原来需要执行3秒多的代码只要600多毫秒就搞定了，一举解决了速度问题
另外arguments对象可以在某些场合派上用场
相关日志
计算element相对于父容器的偏移量
2008-07-14 22:25 | Filed Under Html/JS/CSS |
如果没有提供parentId参数，则计算相对于给定element的最顶层容器的偏移量
特别需要注意的是，这里所指的父级容器，是指最近的一个有定位的元素，意即设置了position属性为absolute或者relative的
- function getOffsetXY(elementId, parentId){
- var element = document.getElementById(elementId);
- var element_X = element.offsetLeft;
- var element_Y = element.offsetTop;
- while (true) {
- if ((!element.offsetParent) || (!element.offsetParent.style) || (!!parentId && element.offsetParent.id == parentId)) {
- break;
- }
- element_X += element.offsetParent.offsetLeft;
- element_Y += element.offsetParent.offsetTop;
- element = element.offsetParent;
- }
- element_X = element_X - document.body.scrollLeft;
- element_Y = element_Y - document.body.scrollTop;
- return {
- x: element_X,
- y: element_Y
- };
- }
相关日志
IE6用Javascript提交表单的问题
2008-05-30 14:35 | Filed Under Html/JS/CSS |
最近做网站，把IE6能碰到的问题基本碰了个遍，今天又碰到JS提交表单页面不刷新的问题
因为要用图片做按钮来提交表单，所以使用了如下代码：
然后css去定义背景什么的，这些略掉
结果在IE6下点提交页面不跳转，折腾的时候又发现有些情况表单实际上已经提交了只是页面没有跳转
看到有人说应该使用setTimeout来提交，经过测试还是不行，根本就没有执行setTimeout里面的方法
最后查到是javascript:void(0)的问题，在IE6中当href=”javascript:void(0)”时是有可能中止当前的js操作的，
改成href=”#”，页面就跳转了(虽然还是有点小问题，就是先更改页面焦点到”#”然后才提交)
当然这个问题可以直接使用div等其他容器的onclick来实现应该就行了，没必要使用a这个超链接标签
标签：ie, javascript, 提交, 表单, 跳转, 页面相关日志
IE6又一bug？
2008-04-16 16:01 | Filed Under Html/JS/CSS |
总结一下就是类似#gisarrow.over、#gisarrow.expanded这样的选择符
在使用javascript动态更改className的时候只有最先定义的一个样式有效
在IE6运行以下例子，然后删掉#gisarrow.over做个对比
IE7下还没试
提示：你可以先修改部分代码再运行。
相关日志
操作iframe中的DOM元素
2007-12-21 11:34 | Filed Under Html/JS/CSS |
操作iframe中的DOM元素，有两个注意点：
1、必须先获取指定iframe的document；
2、对于1，必须在页面load完以后才能获取；
举例说明：
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>操作iframe中的DOM元素</title>
- <script type="text/javascript">
- <!--
- //返回指定iframe的document
- function getIFrameDocument(aID) {
- var rv = null;
- if (document.getElementById(aID).contentWindow.document){
- // if contentDocument exists, W3C compliant (Mozilla)
- rv = document.getElementById(aID).contentWindow.document;
- } else {
- // IE
- rv = document.frames[aID].document;
- }
- return rv;
- }
- function bindEvents() {
- var iDocument = getIFrameDocument('test');
- //接下来就可以进行类似的DOM操作了
- var map = iDocument.getElementById('map');
- //……
- }
- //-->
- </script>
- </head>
- <body onload="bindEvents()">
- <iframe id="test" name="giscontent" src="iframe.html" frameborder="0" scrolling="no">
- </iframe>
- </body>
- </html>
相关日志
