亚洲乱人伦中文字幕无码,国产亚洲综合网曝门系列,337p欧洲亚洲大胆艺术

javascript 调试工具

paulwong — Sat, 01 Jan 2011 15:00:00 GMT

��目前台需要写大量的js�Q�寻求一�U�有效的调试工具�Q�朋友告诉我office��可以，试试用着感觉挺好�?br /> Microsoft word调试工具Windows Script Debugger下蝲地址�Q�要看清楚版本哦�Q?br /> http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&FamilyID=E606E71F-BA7F-471E-A57D-F2216D81EC3D
默认情况office是安装好的，视图->工具�?>web 工具��?>麻花状图�?Microsoft Script Editor),如果已经安装好，则会打开Microsoft Script Editor�?br /> 当然��览器也要设�|�相应的属性支持js调试�Q�iternet高��选项->高��->��用脚本调试��L��?br /> 当我们在前台��面写js�Ӟ��一般情况下只要出错则弹��试对话框�Q�但是如果想跟踪变量的话�Q�只要在js中加"debugger"卛_��Q�当�E�序�q�行到debugger处会自己弹出调试�H�口�Q�和Eclipse中��用调试java代码一样可以跟�t�变量，非常方便

paulwong 2011-01-01 23:00 发表评论

javascript囄��览器的核心——图片预加蝲

paulwong — Sat, 13 Nov 2010 09:24:00 GMT

�|�站开发时�l�常需要在某个��面需要实现对大量囄��的浏览，如果考虑��量的话�Q�大可以像pconline一��h��个页面只昄��一张图片，让用��h��看一张图片就需要重��C��载一下整个页面。不�q�，在web2.0时代�Q�更多�h愿意用javascript来实��C��个图片浏览器�Q�让用户无需�{�待�q�长的时间就能看到其他图片�?br />
知道了一张图片的地址�Q�需要把它在一个固定大��的html容器�Q�可以是div�{�）里边昄��出来�Q�最重要的当然是需要知道这张即��显�C�的囄��的宽和高�Q�然后再�l�合容器的宽和高�Q�按照一定的�~�放比例使图片显�C�出来。因此，实现囄��预加载就成�ؓ囄��览器的核心功能了�?br />
做过囄��{效果的朋友其实都知道�Q�要让图片轮换的时候不出现�{�待�Q�最好是先让囄��下蝲到本圎ͼ�让浏览器�~�存��h��。这�Ӟ��一般都会用到js里边的Image对象。一般的手段无非�q�样�Q?br />

function preLoadImg(url) {
var img = new Image();
img.src = url;
}

通过调用preLoadImg函数�Q�传入图片的url�Q�就能��囄��预先下蝲下来了。实际上�Q�这里用到的预下载功能也和这基本一致。图片预下蝲下来后，通过 img的width和height属性，��p��知道囄��的宽和高了。但是需要考虑刎ͼ�在做囄��览器功能时�Q�图片都是实时显�C�的。比如你点了昄��的按钮，�q�个时候才会调用上边类似的代码来加载图片。因此，如果你直接用img.width的时候，囄��q�没有完全下载下来。因此，需要用一些异步的�Ҏ��Q�等到图片下载完毕的时候才会再对img的width和height�q�行调用�?实现�q�样的异步方法实际上不难�Q�图片的下蝲完毕事�g也很��单，��是��单的onload事�g。因此，我们可以写出下面的代码：

function loadImage(url, callback) {
var img = new Image();
img.src = url;

img.onload = function(){ //囄��下蝲完毕时异步调用callback函数�?/span>
callback.call(img); // ��callback函数this指针切换为img�?/span>
};
}

好了�Q�再来写一个测试用例�?br />

function imgLoaded(){
alert(this.width);
}

在firefox中测试一下，发现不错�Q�果然和预想的效果一��P��在图片下载后�Q�就会弹出图片的宽度来。无论点��d��次或者刷新结果都一栗��?br />
不过�Q�做到这一步，先别高兴太早——还需要考虑一下浏览器的兼�Ҏ��，于是�Q�赶紧到ie里边��试一下。没错，同样弹出了图片的宽度。但是，再点击load的时候，情况��׃��一样了�Q�什么反应都没有了。刷��C��下，也同样如此�?br />
�l�过对多个浏览器版本的测试，发现ie6、opera都会�q�样�Q�而firefox和safari则表现正常。其实，原因也挺��单的�Q�就是因为浏览器的缓存了。当囄��加蝲�q�一�ơ以后，如果再有对该囄��的请求时�Q�由于浏览器已经�~�存住这张图片了�Q�不会再发�v一�ơ新的请求，而是直接从缓存中加蝲�q�来。对�?firefox和safari�Q�它们视图�ɘq�两�U�加载方式对用户透明�Q�同样会引�v囄��的onload事�g�Q�而ie和opera则忽略了�q�种同一性，不会引�v囄��的onload事�g�Q�因此上边的代码在它们里边不能得以实现效果�?br />
怎么办呢�Q�最好的情况是Image可以有一个状态��D��明它是否已经载入成功了。从�~�存加蝲的时候，因�ؓ不需要等待，�q�个状态值就直接是表明已�l�下载了�Q�而从http��h��加蝲�Ӟ��因�ؓ需要等待下载，�q�个值显�C�Zؓ未完成。这��L��话，��可以搞定了�?br />
�l�过一些分析，�l�于发现一个�ؓ各个��览器所兼容的Image的属性——complete。所以，在图片onload事�g之前先对�q�个值做一下判断即可。最后，代码变成如下的样子：

�l�过�q�么一番折腾，�ȝ��是让各个��览器都能满��x��们的目标了。虽然代码很��单，但是却把囄��览器中最核心的问题解��x��了，接下来你所要做的，仅仅是图片如何呈现的问题了�?br />

paulwong 2010-11-13 17:24 发表评论

Javascript ��?�?扩展String 函数

paulwong — Wed, 24 Mar 2010 16:38:00 GMT

/**
* @brief  扩展原生字符�?nbsp;
*/

var StringEx =
{
    /**
     * @brief 去除字符串前后空�?br />      */
    trim : function()
    {
        return this.replace(/(^\s*)|(\s*$)/g, "");
    },

    /**
     * @brief 去除左边�I�格
     */
    ltrim : function()
    {
        return this.replace(/(^\s*)/g, "");
    },

    /**
     * @brief 去除双��I�格
     */
    rtrim : function()
    {
        return this.replace(/(\s*$)/g, "");
    },

    /**
     * @brief 避免XSS ��d��
     */
    avoidXSS : function()
    {
        var strTemp = this.replace(/&/g, "&");
        strTemp = strTemp.replace(/g, "<");
        strTemp = strTemp.replace(/>/g, ">");
        strTemp = strTemp.replace(/\"/g, """);
        return strTemp;
    } ,

    /**
     * @brief 获取字符串的字节长度汉字默认双字�?br />      */
    byteLength : function()
    {
          return this.replace(/[^\x00-\xff]/g,"**").length;
    },

    /**
     * @brief     除去HTML标签
     * @example    "test1">aaaa

  =>  aaaa
     */
    removeHTML : function()
    {
        return this.replace(/<\/?[^>]+>/gi, '');
    },

    /**
     * @brief      格式化字�W�串
     * @example "<div>{0}div>{1}".format(txt0,txt1)
     */
    format : function()
    {
        var args = [];

        for (var i = 0, il = arguments.length; i < il; i++)
        {
            args.push(arguments[i]);
        }

        return this.replace(/\{(\d+)\}/g, function(m, i)
        {
            return args[i];
        });
    },

    /**
     * @brief 字符串�{数字
     */
    toInt : function()
    {
        return Math.floor(this);
    }
}

for (var it in StringEx)
{
    String.prototype[it] = StringEx[it];
}

test:

    var strTest = "   -{0}�q�里是扩展原生字�W�串test{1}- ";

            alert(strTest.length);                 // output : 26
            alert(strTest.ltrim().length);      // 23
            alert(strTest.rtrim().length);      // 25

            alert(strTest.byteLength());        // 36

            alert(strTest.format("abc","def")); //   -abc�q�里是扩展原生字�W�串testdef-

            var strNumber = "89989";

            alert(typeof strNumber.toInt());    // number

            var domTest = document.getElementById("test1").outerHTML;

            alert(domTest);

            alert(domTest.avoidXSS());
            alert(domTest.removeHTML());

下蝲 string.js �? demo

paulwong 2010-03-25 00:38 发表评论

paulwong — Fri, 24 Nov 2006 08:05:00 GMT

摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> /* 表格 */ .ResizedColTable { border-bottom : ... 阅读全文

paulwong 2006-11-24 16:05 发表评论

showModalDialog和showModelessDialog

paulwong — Wed, 16 Aug 2006 06:02:00 GMT

一、showModalDialog和showModelessDialog有什么不同？

　　showModalDialog�Q�被打开后就会始�l�保持输入焦炏V��除非对话框被关闭，否则用户无法切换��C��H�口。类似alert的运行效果�?br /> 　　showModelessDialog�Q�被打开后，用户可以随机切换输入焦点。对�ȝ��口没有�Q何媄�?最多是被挡住一下而以�?P)

二、怎样才让在showModalDialog和showModelessDialog的超�q�接不弹出新�H�口�Q?br />

　　在被打开的网��里加上��可以了。这句话一般是攑֜��?lt;body>之间的�?br />
三、怎样才刷新showModalDialog和showModelessDialog里的内容�Q?br />

　　在showModalDialog和showModelessDialog里是不能按F5��h��的，又不能弹��单。这个只能依靠javascript了，以下是相关代码：

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reloada>

　　��filename.htm替换成网��늚�名字然后��它攑ֈ�你打开的网��里�Q�按F5��可以刷��C��Q�注意，�q�个要配�?div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><base target="_self">
使用�Q�不然你按下F5会弹出新�H�口的�?br />
四、如何用javascript��x��showModalDialog(或showModelessDialog)打开的窗口�?br />

　　也要配合�Q�不然会打开一个新的IE�H�口�Q�然后再��x��的�?br />
五、showModalDialog和showModelessDialog数据传递技巧�?br /> 　　(作者语�Q�本来想用一问一�{��Ş式来写的�Q�但是我想不��个怎么问，所以只好这样了�?
　　�q�个东西比较�ȝ��Q�我改了好几�ơ了不是没办法说明白(语文水��^��来��差�?�Q�只好用个例子说明了�?br /> 　　例子�Q?br /> 现在需要在一个showModalDialog(或showModelessDialog)里读取或讄��一个变量var_name
一般的传递方式：

window.showModalDialog("filename.htm",var_name)//传递var_name变量
在showModalDialog(或showModelessDialog)��d��和设�|�时�Q?br /> lert(window.dialogArguments)//��d��var_name变量
window.dialogArguments="oyiboy"http://讄��var_name变量
　　�q�种方式是可以满��的�Q�但是当你想在操作var_name同时再操作第二个变理var_id时呢�Q�就无法再进行操作了。这��是�q�种传递方式的局限性�?br /> 　　　　
以下是我��使用的传递方式：
　　//不管要操作什么变量，只直传递主�H�口的window对象
在showModalDialog(或showModelessDialog)��d��和设�|�时�Q?br /> alert(window.dialogArguments.var_name)//��d��var_name变量
window.dialogArguments.var_name="oyiboy"http://讄��var_name变量
　同时我也可以操作var_id变量
　alert(window.dialogArguments.var_id)//��d��var_id变量
　window.dialogArguments.var_id="001"http://讄��var_id变量

　同样�q�可以对�ȝ��口的��M��对象�q�行操作�Q�如form对象里的元素�?br /> 　　window.dialogArguments.form1.index1.value="�q�是在设�|�index1元素的�?

六、多个showModelessDialog的相互操作�?br /> 　　因�ؓ光说很费�Ԍ��我就��L��懒，直接用代码来说了�Q�如果不明白的话那就直接来信(oyiboy#163.net(使用时请��?�Ҏ��@))问我吧�?br />
　　以下代码的主要作用是在一个showModelessDialog里移动别一个showModelessDialog的位�|��?br />
　　��L��件的部䆾js代码�?br /> 　　var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px") //打开控制�H�口
　　var s2=showModelessDialog('about:blank',window,"dialogTop:200px;dialogLeft:300px")　　//打开被控制窗�?br />
　　控制.htm的部份代码�?br />

　　以上关键部䆾是：
�H�口命名方式�Q�var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px")
　　变量讉K��方式�Q�window.dialogArguments.s2.dialogTop

　　�q�个例子只是现实showModelessDialog与showModelessDialog之间的位�|�操作功能，通过�q�个原理�Q�在showModelessDialog之间�怺�控制各自的显�C�页面，传递变量和数据�{�。这要看各位的发挥了�?img src ="http://www.tkk7.com/paulwong/aggbug/63893.html" width = "1" height = "1" />

paulwong 2006-08-16 14:02 发表评论

亚洲乱人伦中文字幕无码,国产亚洲综合网曝门系列,337p欧洲亚洲大胆艺术

javascript 调试工具

javascript囄������览器的核心——图片预加蝲

Javascript ��?�?扩展String 函数

showModalDialog和showModelessDialog

javascript囄��览器的核心——图片预加蝲