JavaScript笔记（四）

最新推荐文章于 2024-10-07 21:15:54 发布

glymm

最新推荐文章于 2024-10-07 21:15:54 发布

阅读量85

点赞数

分类专栏： js对象文章标签： JavaScript 浏览器 jQuery 框架 ViewUI

js对象专栏收录该内容

8 篇文章 0 订阅

订阅专栏

[color=red]实用的小函数[/color]
感觉这个在网页开发上用的比较多，跟后台的联系不大
[color=orange] 定时器：（延迟器） [/color]

用以指定在一段特定的时间后执行某段程序。

setTimeout()：（1.0版）
格式：
[定时器对象名=] setTimeout(“<表达式>”，毫秒)
功能：执行<表达式>一次。
例1：


<Script>
    function count() {
        setTimeout("alert('三秒到了')",3000)
    </Script>
    <INPUT TYPE="button" VALUE=" 计时开始" onClick="count()">

例2：

    <Script>

    function show() {
        document.all['news'].style.display = "";
        setTimeout("hide()",500);
    }

    function hide() {
        document.all['news'].style.display = "none";
        setTimeout("show()",500);
    }

    </Script>

    <Body onload="show()">
    最新消息：<FONT ID="news" STYLE="display:none">十面埋伏...</FONT>
    </Body>

[color=orange] clearTimeout()：终止定时器 [/color]

格式：

clearTimeout(定时器对象名)

[color=orange]setInterval()：（1.2版） [/color]

对这个函数比较有感情。以前有个用jQuery的项目，就是主要用到了这个函数。

格式：

[定时器对象名=] setInterval(“<表达式>”，毫秒)

功能：重复执行<表达式>，直至窗口、框架被关闭或执行clearInterval。

[color=orange] clearInterval()：终止定时器 [/color]

格式：

clearInterval(定时器对象名)

例1：

    <Script>

    var sec = 0;
    timerID = setInterval("count()",1000);

    function count() {
        num.innerHTML = sec++;
    }

    </Script>

    停留时间：
    <FONT ID="num" FACE="impact">0</FONT>秒钟
    <INPUT TYPE="button" VALUE="停止" onClick="clearInterval(timerID)">

例2：

    <Script>

    var str = "这是一个在线拍卖的网站，请尽情血拼吧！";
    var seq = 0;

    function scroll() {
        msg = str.substring(0, seq+1);
        banner.innerHTML = msg;
        seq++;
        if (seq >= str.length) seq = 0;
    }

    </Script>

    <Body onLoad="setInterval('scroll()',500)">
    <FONT ID="banner"></FONT>
    </Body>

————————————————————<这是不太华丽的分割线>————————————————————

[color=orange]图像对象：[/color]

[color=red] 网页中的图像均会被自动看作图像对象，并依顺序，分别表示为document.images[0]，document.images[1]...[/color]
这一点很重要，这也就明白了为什么有的时候不用写id或者name，也能找到图片！

[color=orange]
建立图像对象： [/color]
格式：
图像对象名称=new Image([宽度],[高度])　　　//px

[color=orange] 图像对象的属性： [/color]
border complete height hspace lowsrc name src vspace width

[color=orange]图像对象的事件： [/color]
onAbort onError onKeyDown onKeyPress onKeyUop onLoad

例1：（预载）

   <Script>

    img0 = new Image();
    img0.src = "images/snow0.gif";

    img1 = new Image();
    img1.src = "images/snow1.gif";

    document.write ("已经读取两个图文件，但此时不显示。");

    </Script>

例2：

   <Script>
    function img-preload(idx){
        eval("img"+idx+" = new Image()");
        eval("img"+idx+".src = 'images/snow"+idx+".gif'");
    }

    img-preload(0);
    img-preload(1);
    document.write ("已经读取两个图文件，但此时不显示。");

    </Script>

例3：
<Script>
function img-preload(imgname,idx){
eval("img"+idx+" = new Image()");
eval("img"+idx+".src = 'images/"+imgname+".gif'");
}

img-preload("snow0",0);
img-preload("snow1",1);
document.write ("已经读取两个图文件，但此时不显示。");

</Script>

————————————————————<这是不太华丽的分割线>————————————————————

[color=red]一下内容对于我这种初级JavaScript来说没什么用，
就当看着好玩吧[/color]

[color=orange]Navigator对象：（领航员）[/color]

检测浏览器的版本、所支持的MIME类型、已安装的外挂程序（plug-in）。该对象包含两个子对象：外挂对象、MIME类型对象。

[color=orange] Navigator对象的属性：[/color]

格式： navigator.属性
[img]http://dl.iteye.com/upload/attachment/288713/f335dfdb-0a7b-33fb-bc8f-310b0fe03987.bmp[/img]
例1：

<Script>

with (document) {
    write ("你的浏览器信息：<OL>");
    write ("<LI>代码："+navigator.appCodeName);
    write ("<LI>名称："+navigator.appName);
    write ("<LI>版本："+navigator.appVersion);
    write ("<LI>语言："+navigator.language);
    write ("<LI>编译平台："+navigator.platform);
    write ("<LI>用户表头："+navigator.userAgent);
}

</Script>

例2：

<Script>

if (document.all) {
   document.write("你的浏览器是：MSIE");
}   else {
   document.write("你的浏览器是：Navigator");
}

</Script>

[color=orange]plugin对象的属性：[/color]
格式： navigator.plugins.属性

[img]http://dl.iteye.com/upload/attachment/288718/b6fd27d4-c7dc-3d06-a994-72e375d76d66.bmp[/img]
例：

  <Script>
    var len = navigator.plugins.length;
    with (document) {
        write ("你的浏览器共支持" + len + "种plug-in：<BR>");
        write ("<TABLE BORDER>")
        write ("<CAPTION>PLUG-IN 清单</CAPTION>")
        write ("<TR><TH> <TH>名称<TH>描述<TH>文件名")
        for (var i=0; i<len; i++)
            write("<TR><TD>" + i +
                "<TD>" + navigator.plugins[i].name +
                "<TD>" + navigator.plugins[i].description +
                "<TD>" + navigator.plugins[i].filename);
    }

    </Script>

[color=orange]mimeType对象的属性：[/color]
格式：navigator.mimeTypes.属性

[img]http://dl.iteye.com/upload/attachment/288720/99b16faf-b327-3827-b5a7-19ab8ff3e3f5.bmp[/img]
例：

<Script>
var len = navigator.mimeTypes.length;
with (document) {
    write ("你的浏览器共支持" + len + "种MIME类型：");
    write ("<TABLE BORDER>")
    write ("<CAPTION>MIME type 清单</CAPTION>")
    write ("<TR><TH> <TH>名称<TH>描述<TH>扩展名<TH>附注")
   for (var i=0; i<len; i++) {
       write("<TR><TD>" + i +
           "<TD>" + navigator.mimeTypes[i].type +
           "<TD>" + navigator.mimeTypes[i].description +
           "<TD>" + navigator.mimeTypes[i].suffixes +
           "<TD>" +
          navigator.mimeTypes[i].enabledPlugin.name);
}
}
</Script>