javascriot学习-第六章脚本编程的相关技术

来源：互联网发布：服装搭配网站知乎编辑：程序博客网时间：2024/06/05 02:50

第六章脚本编程的相关技术

6.1 编写兼容IE和NS的jiavascript代码

6.1.1 JavaScript实现marquee动能

<head>

</head>

var info="我的地盘";

var seq1=0;

var seq2=0;

var space=0;

var timeid=0;

var timefunc="scroll1()";

function scroll1()

{

if(seq1<info.length)

{

seq1+=1;

marquee1.innerText=info.substring(0,seq1);

timeid=setTimeout("scroll1()",200);

timefunc="scroll1()";

}

else

{

seq1=0;

timeid=setTimeout("scroll2()",200);

timefunc="scr0ll2()";

}

function scroll2()

{

if(marquee1.offsetWidth<div1.clientWidth)

{

space+=1;

var strSpace="";

for(var i=0;i<space;i++)

{

strSpace+="";

}

marquee1.innerText=info+strSpace;

timeid=setTimeout("scroll2()",200);

timefunc="scroll2()";

}

else

{

div1.style.textAlign="left";

space=0;

timeid=setTimeout("scroll3()",200);

timefunc="scroll3()";

}

function scroll3()

{

if(seq2<info.length)

{

seq2+=1;

marquee1.innerText=info.substring(seq2,info.length);

timeid=setTimeout("scroll3()",200);

timefunc="scroll3()";

}

else

{

div1.style.textAlign="right";

seq2=0;

timeid=setTimeout("scroll1()",200);

timefunc="scroll1()";

}

</script>

text

</span>

</div>

</body>

</html>

6.1.2 检查浏览器的类别

<head>

</head>

<body>

var ns=(document.layers)? true:false;

var ie=(document.all)? true:false;

if(ns)

{

alert("你用的浏览器是网景内核");

}

if(ie)

{

alert("你用的浏览器是ie内核");

}

</script>

</body>

</html>

6.1.3 层的显示和隐藏

<head>

</head>

</body>

var bVisible=true;

var block;

var ns=(document.layers) ?true:false;

var ie=(document.all) ?true:false;

if(ns)

{

block=document.layer1;

}

else

{

block=layer1.style;

}

function showObject(obj)

{

if(ns)

{

obj.visibility="show";

}

else if(ie)

{

obj.visibility="visible";

}

function hideObject(obj)

{

if(ns)

{

obj.visibility="hide";

}

else if(ie)

{

obj.visibility="hidden";

}

function change()

{

if(bVisible)

{

showObject(block)

}

else

{

hideObject(block);

bVisible=!bVisible;

}

</script>

</html>

6.1.4 ActiveX控件

<head>

</head>

<body>

codebase="http://www.it315.ory/ctls/calendar.cab#Version=1.0.0.0">

</object>

</body>

</html>

<head>

</head>

<body>

width="50" height="50"

codebase="http://java.sun.com/products/plugin/autodl/jinstall-1_4_0-win.cab#Version=1.4.0.0">

<enbed

type="application/x-java-applet;jpi-version=1.4"

code="MyApplet.class"

archive="MyApplet.jar"

width="50"

height="50"

scriptable=false

pluginspage="http://java.sum.com/products/plugin/index.html#download">

</enbed>

</comment>

</object>

</body>

</html>

javascriot学习-第六章 脚本编程的相关技术

javascriot学习-第六章脚本编程的相关技术