??xml version="1.0" encoding="utf-8" standalone="yes"?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language=javascript>
function fTxtKeyDown(obj)
{
(tng) if(event.keyCode == 32)
(tng) {
(tng) (tng) (tng) event.returnValue=false;
(tng) (tng) (tng) //I格?br /> (tng) (tng) (tng) var sRet;
(tng) (tng) (tng) try {
(tng) (tng) (tng) (tng) (tng) sRet = eval(obj.value);
(tng) (tng) (tng) }
(tng) (tng) (tng) catch(e) {
(tng) (tng) (tng) }
(tng) (tng) (tng) if (isNaN(sRet))
(tng) (tng) (tng) {
(tng) (tng) (tng) (tng) (tng) alert("计算式输入错?);
(tng) (tng) (tng) }
(tng) (tng) (tng) else
(tng) (tng) (tng) {
(tng) (tng) (tng) (tng) (tng) (tng) (tng) obj.value=sRet;
(tng) (tng) (tng) }
(tng) }
}
</script>
</head>
<body>
<font size="2">输入表达式(如:(x)3*2-4Q后Q按I格键得到结?try</font><br>
<br>
<input type=text onkeydown="fTxtKeyDown(this);" size="42">
</body>
</html>
5.点击按钮/链接弹出提示
1Q?lt;input type=button value="reload" onclick="javascript:reload()">
<script type="text/javascript">
function reload() {
(tng) (tng)if (confirm("认?"))
(tng){
(tng)var url="#";
(tng)window.location.href=url;
(tng)}
}
2Q?lt;a (tng) href="认后的q接地址" onclick="return(confirm('惌的提CZ?'))">昄信息</a>
6.q回主页/前页 MP源代码:(x) 53.?wi)状昄js代码
javascript~程hQ第一课)(j)
(tng) 关于怎么djavascriptQ我惛_安知道Q就?br /> (tng) <script language="javascript"> (tng) (tng) //q行是javascript脚本标记Q斜杠后面的是注释?br /> (tng) document.write("在页面显C的javascript") //在页面显CZ句话 (tng) W二个也是今天讲的最重要的一个,是javascript的数据类型,主要有以下几个基本的cd?br /> (tng) 字符ԌstringQ?br /> (tng) 数字QnumberQ?br /> (tng) 布尔|booleanQ?br /> (tng) (tng) 数字又分Zc:(x)整型数字和Q点型数字?br /> (tng) 整数包括正整敎ͼ零和负整数?/p>
(tng) javascript中的数字可以使用十进制、八q制和十六进制来书写。方法如下:(x) (tng) 点型数字也叫实敎ͼZ(jin)方便Q也可以使用U学记数法来表示Q?br /> (tng) 1.13e1?.5e3Q等价于1.5?0?ơ方Q?br /> (tng) javascript的数字范围大Uؓ(f)10的负308ơ方?0?08ơ方之间?br /> (tng) javascript中还有一个特D的数字值NaNQnot a numberQ,javascript 用nan表示q个无意义的l果?/p>
(tng) 布尔|(x)true和falseQ在计算Z一般用1表示trueQ用0表示false?/p>
(tng) I值就是nullQ即不表CZQ何东ѝ?br /> (tng) 未定义值undefinedQ有时等于nullQ有时可能是Z(jin)问题?br /> (tng) Ҏ(gu)字符Q也叫{义字W。是一些以反斜杠开头的不可昄的特D控制字W?br /> (tng) \b:表示退?br /> (tng) \n:表示换行 (tng) alert()Ҏ(gu)的用:(x) (tng) confirm()Ҏ(gu)的用:(x) (tng) prompt()Ҏ(gu)的用:(x) 关于上课的作业,大家都知道,代码如下Q?br /> (tng) <script language="javascript"> (tng) 可以用var加上为变量指定的名称来声明变量,变量cd可以通过l变量赋值来定。由于javascript采用的是q型的样式Q对数据cd?/p>
求不太严|在程序执行的q程中,?x)根据需要自动{换?br /> (tng) 对于字符串变量,可以通过“变量名.length”来获得该变量中字符串的长度Q如 (tng) 若在一行中创徏多个变量ӞC用逗号来隔开变量名。各语句用分号隔开?使用分号是个好习(fn)? 大家在学?fn)的时候尽量养成加分号的习(fn) ? 型{换需要在javascript1.2?qing)以上版本才可以使用Q?/p>
(tng) 变量的命名:(x) (tng) 1.必须以字母或下划U开_(d)中间可以有字母数字和或下划线。不能用空根{??{其他符受?br /> (tng) (tng) (tng) 作ؓ(f)q字W外Q变量名UC能有I格、(Q)(j)、(Q)(j)、(Q)(j)或其它符受?br /> (tng) 2.不能使用JavaScript中的关键字作为变量?br /> (tng) Qjavascript变量名是区分大小写的Qname和Name是不一L(fng)。)(j) (tng) 对于变量q有一个重要性──那就是变量的作用域。在JavaScript中同h全局变量和局部变量。全局变量是定义在所有函C之外Q其?/p>
用范围是整个函数Q而局部变量是定义在函C之内Q只对其该函数是可见的,而对其它函数则是不可见的?/p>
(tng) 例子Q?br /><script>
?dng)?qing)q算W的集合Q因此表辑ּ可以分ؓ(f)术表述式、字串表辑ּ、赋D辑ּ以及(qing)布尔表达式等?br /> (tng) (tng) q算W:(x) (tng) 1.术q算W:(x)+Q加Q??Q减Q?*Q乘Q?/Q除Q?%Q取模)(j) -Q取反)(j)?br /> (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) ++Q递加1Q?-Q递减1Q?br /> (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) 例:(x)11%2=1 Q?如果x=2 (tng) (tng) ++x+4=7 (tng) (tng) (tng) (tng) x+++4=6 <script> (tng) 作业Q试试能不能做个最最最最单的计算器? </script> W三评于和大家见面? 大家要感?Actions 的辛勤劳动啊, 好好利用论坛l大家提供的资源和教E? 希望大家一起学?fn)提?:D 下面是今天的学习(fn)重点Q?br />A.补充上课的变量内?br />B.if语句的基本语?br />C.window.com()基本用法 A.变量 声明是可选的?br />var iQ?br />var sumQ?br />也可以用一个var关键字声明多个变量; 量不可删除?br />可以使用var多次声明同一个变?br />当你l一个没有声明的变量赋值时Qjs?x)自动用哪个变量Z创徏一个全局变量?br />如果你想在函数内部创Z个局部变量。那必ȝvar在函数内部声明?br />3.变量的作用域 B.if语句 if (条g) 功能Q若表达式ؓ(f)trueQ则执行语句D1Q否则执行语句段Q?/p>
说明Q?br />if -else 语句是JavaScript中最基本的控制语句,通过它可以改变语句的执行序? 例子 if语句的嵌?br />if (布尔? 语句Q; C.window.com()的用?br /> (tng) 1、基本语?br /> (tng) window.open(pageURL,name,parameters) "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=500,height=500,le ft=100,top=100") 前一D|人给我说Q第二课q不明白了(jin)Q我不知道是不是写的太笼l了(jin)Q不够细_(d)q是其他的,有什么问题,大家l提出来Q当然我也不 是什么js高手Q只不过x(chng)爱好者领q门而已。希望大家多多参与?br />今天的主要Q务就是for循环。另外就是数据类型。既for inQ现在还没有讲数l和对象Q先?jin)解一下)(j)?/p>
数据cd的{换:(x) 字W串转换为数|(x) 数D{换ؓ(f)字符Ԍ(x) 把数D{换ؓ(f)字符串了(jin)Q?br />(""+2500) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) //result="2500"
Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-
(tng) 随着评的进行,能跟着下来的h是越来越了(jin)Q不知道是不是因为没有太多的表现Q只是死记的东西Q大安没有兴趣啊。其实网上 的很多特效,动作大都是用javascript来实现的Q没有javascript的网,p一个h没有?jin)肌肉一栗但是所有的动作都是有函数来控制?/p>
Q而控制语句是基础中的基础。希望大家能耐心(j)的学下去。今天的评p松一下,学习(fn)点能见到效果的?br />主要内容是Z鼠标的事?有如下几U:(x) (tng) 通常1?l合h使用Q当用户把鼠标移动到一个超链接或者其他元素时Qmouseover事g׃(x)发生QmouseoutM(x)伴随着它,因ؓ(f)当鼠?/p>
dӞmouseout事g׃(x)发生?br /> (tng) 例子Q?br /><html> (tng) q里定义?jin)两个函敎ͼ来字体改变样式。关于函数我们以后会(x)详细的讲解?br />Q注意:(x)ie寚w面上的所有元素都支持mouseover和mouseout事gQ但对于netscape navigator来说Q只有超链接和层支持q两个事件。)(j) 下面看鼠标移动的例子Q?br /><html> function netscapeMouseMove(e) { function micro$oftMouseMove() { 先说到这儿吧Q下节讲鼠标的另?个事件?/p>
src="3.jpg"/></a> mouseDown事g和mouseUp事g 大家知道QmouseDown事g和mouseUp事g的组合就是click事gQ但是如果在链接上按下鼠标,q移到链接之外在攑ּ鼠标Q那么就只有mouseD own事g?jin)。这两个事g可以增加图标按钮的图像效果, Q这3个鼠标事件也有modifier属性?br /> (tng) Q注意:(x)如果在onClick事g处理中用return语句Q它可以接收M数倹{只要这个g是FalseQ浏览器可以完成提交。但如果览 器得到的是False|表单提交操作׃(x)被取消。)(j) Click事g和dbClick事g 不同。有的浏览器是双M件的每一ơ单击都?x)触发单MӞ而在ie中,只有双击事g的第一ơ单M(x)触发单击事g。不怎么P单击?/p>
仉不会(x)自动的取消或被忽略。因此,如果想用单d双击一个链接时触发两个完全不同的过E,则必通过~程来gq单ȝ动作知道?/p>
凅R?/p>
例:(x) 解释Q?br />new Function("timer=setTimeout(click,500)") (tng) 在高版本的浏览器中,链接的这两种事g处理E序都监视那些得脚本阻止链接的Ҏ(gu)行ؓ(f)? 事g处理E序得最后一条语句或者事件处理程序自w返回True或False。如果返回Falseq止链接?br />Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q- q年到现在一直都比较?辜负大家? 函数是javascript语言的一个很重要的内?但也很复? 属?除此之外,它还兼有数组的角? 际参数?另外,arguments有一个length属?看如下例?
function MM_findObj(n, d) { //v4.0 function MM_showHideLayers() { //v3.0 <body bgcolor="#CCCCCC" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll=auto> </body> 6.昄、隐?br />链接实现
q回前页Q用OnClick="history.go(-1)"
q回主页Q用OnClick='top.location.href="index.jsp"'
<a href="javascript:history.back()">后退</a>
<a href="javascript:history.go()">前进</a>
<a href="javascript:location.reload()">h</a>
7.定时关闭|页
在head区加?br /><SCRIPT LANGUAGE="javascript">
setTimeout('window.close();',2000);
</SCRIPT>
表示两秒后自动关闭窗口?
8. 背景音乐
昄操作面板Q?br />在相应地方加<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不显C操作面板:(x)
在页中Q意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
?lt;embed src="aladdin.mid" autostart="true" loop="2" width="80" height="30">
9. 如何让浏览器正确昄word 文g格式?
Z(jin)正确处理word {格式,你需要在HTML文g中设|好该文件类?br /><meta http-equiv="Content-Type" content="application/msword">
q有其它l常讄的文件类型:(x)
application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format
10. 链接的不同方?
在里显C:(x)在链接处加target="main"语句Q其中main为?br />整页昄Q在链接处加target="_top"语句
开新窗口:(x)在链接处加target="resource window"语句Q如<A HREF="index.htm" TARGET="resource window"></A>
11. 强制主页每次都不q行~存Q而从服务器上重读
在Head部分?br /><MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
q样一来,览器将不考虑cacke中的内容而强刉新读入?zhn)的页?{于用户使用Reload?br />
12. 自动h
定时hQ?lt;META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
qȝ片效果:(x)语句cM上面Q但在页?中URL指向面2Q而页?指向面3 ...
面n指回面1Q即可实现@环显C页面的效果
13.提前载入囄
如果(zhn)的站点中后面的|大图形需要显C,(zhn)不妨在W一中提前载入。把语句Q?br /><img src="image.jpg" width=0 height=0> ,其中width,height要设|ؓ(f)0Q?攑֜W一HTML中的M地方?br />如果(zhn)的讉K者在W一停留的旉_长,当他q入W二|Q图象会(x)立即昄出来
14. 自动q接
在预定时间后自动q入另一个指定的面?br />Ҏ(gu)Q?br />?lt;title>...</title>中加入以下一行:(x)
<meta http-equiv="refresh" content="10"; url="otherpage.htm">
其中10代表10U后自动q接?
15. (tng)Ud文字
q在主页上是常用的,其制作方法很单?br /><marquee>要移动的文字</marquee>
(tng) 1.Ud 的方向:(x)<direction=!> Q?left, right
(tng) 2.Ud的方式:(x)<bihavior=!> !=scroll ,side,alternate
(tng) 3.循环ơ数Q?lt;loop=!> !=ơ数。若未指定则循环不止?br /> (tng) 4 循环速度Q?lt;scrollamount=!> !=?
16. 动背景Q背景图像不滚动 Q?br />当你拉住下拉条时Q背景不动?br /><body backgroud="#ffff" bgproperties="fixed">
或用CSS样式表定义:(x)
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style>
17. 让背景图像不q铺的CSS样式表定义:(x)
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style>
Q不懂)(j)18. 试览器类别ƈ自动装入不同的网?br />目前微Y和网景的览器ƈ不能完全兼容所有网?有的在某U浏览器里非常漂?而用其它览器查看时却一团糟。如果你需要测试浏览器,可以加入以下javascript代码q保存单独一个网?
<script language="javascript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer") & &
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") & &
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="nn4.htm"'',10);
} else {
setTimeout(''location.href="ie4.htm"'',10);
}
}
</script>
19. 定义本网늚关键?br />在网中加入关键字,可以供某些搜索站台机器h的用,它们?x)利用该关键字?f)你的|站做烦(ch)引,q样Q当别h用关键字搜烦(ch)|站Ӟ如果你的|页包含该关键字Q那么就可以被列Z(jin)Q定义本|页关键字,可以加入以下代码Q?br /><meta name="keywords" content="html,dreamweaver,flash,css">
content 所包含的就是关键字Q你可以自行讄?br /> q里有个技巧,你可以重复某一个单词,q样可以提高自己|站的排行位|,?
<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">
20. 在网中加入E-mail链接q显C预定的主题
<a href="mailto:renyang@mail.taiji.com.cn?cc=renyangok@yahoo.com.cn&subject=hello&body=hello">
21. 隐藏在状态栏里出现的链接信息
当指向一个链接时Q该链接的信息会(x)出现在浏览器状态栏里,如果需要隐藏信息,可以如下讄Q?br /><a href=" 如果惌指向一个链接时Q浏览器状态栏里出现特定的信息Q把none Ҏ(gu)你需要的文字卛_?br />22.如何正确使用囄格式?
目前在网l上的图片准标准格式为JPG和GIF。当囄颜色数很多时Q就选择JPGQ它的压~比高,而GIF适合颜色数少的图片?br />23. 如何在网上昄讉K者系l信?
把以下代码加入到<Body></Body>:
<script Language="javascript">
document.write(navigator.appVersion)
</script>
24. 如何点击一个链接同时在两个frame 内变?
对于一个由topFrame、leftFrame、mainFrame 构成的页面,如果惛_leftFrame 中点击链接,同时在其他两个frame 内变化,代码如下Q?br /><a href="x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">
25. 打开一个新的浏览器H口q设|窗口的属?br />如果你需要在载入站点的同?再打开另一个新H口,加入以下代码卛_:
<script language="javascript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,
(tng) (tng) (tng) (tng) status=yes,menubar=no,scrollbars=yes');
if (popup != null) {
(tng) (tng) (tng) (tng) if (popup.opener == null) {
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) popup.opener = self;
(tng) (tng) (tng) (tng) }
(tng) (tng) (tng) popup.location.href = 'pop.htm';}
//-->
</script>
期中pop.htm可以讄Z的htm文g,对于讄新窗口的属?对照以下讄:
popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');
width:?height:?resizable:是否允许访客~放新窗?scrollbars:如果文本过一?是否生成滚动?status:是否昄状态栏,menubar:是否昄菜单,location:是否昄地址?
以上所有属性用格式ؓ(f):属?yes或者no.而width和height两个属性ؓ(f):width=#pixels,height=#pixels.
26. 打印按钮
<form>
<input name="Print" onClick="window.print();
return false" type="button" value="Print">
</form>
27. 查看源码按钮
<input
type=button name="view" value="查看源码"
onClick=''window.location="view-source:" +window.location.href''
style="font-size:9pt">
28. 如何L面滚动?
在body 中加入样式表控制Q代码如下:(x)
<body bgcolor="#000000" leftmargin="0" topmargin="0"
style="overflow-x: hidden; overflow-y: hidden; width: 100%">
29. 如何让站点自动蟩转到另一?
加入以下代码到HTML文g中即可:(x)
<meta http-equiv="refresh" content="5;url=http://www.yhyhw.com/">
content中的"5"为停留的U数Q?a >http://www.yhyhw.com/ 是将要蟩转的面?br />30. 水^Uѝ垂直线
插入HR很简单:(x)<hr size="1">。如何让它垂直呢Q更单:(x)<hr size="100" width="1">
31. 如何让下拉式菜单中的链接来打开一个新的窗?
先把下拉式菜单设|好Q如Q?br /><form method="POST">
<select name="D1" size="1">
<option value="<option value="<input type="submit" value="定" name="B1"><input type="reset" value="重置"name="B2"></p></form>
然后?lt;select name="D1" size="1">改ؓ(f)
<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">卛_?br />32. 如何让下拉式菜单中的链接来打开一个新的窗?
先把下拉式菜单设|好Q如Q?br /><form method="POST">
<select name="D1" size="1">
<option value="<option value="<input type="submit" value="定" name="B1"><input type="reset" value="重置"name="B2"></p></form>
然后?lt;select name="D1" size="1">改ؓ(f)
<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">卛_?br />
34. 如何跛_面的顶?
当浏览者浏览到面底部后,你需要提供一个单击,让浏览者方便的跛_面剙Q加入以下代码:(x)
<a href="#top">q回剙</a>
35.如何让浏览器正确昄word文g格式?
Z(jin)正确处理word{格式,你需要在HTML文g中设|好该文件类型,比如Q?br /><meta http-equiv="Content-Type" content="Application/msword">
q有其它l常讄的文件类型:(x)
Application/msword
Microsoft Word Document application/pdf PDF
Documentapplication/wordperfect6.0 WordPerfect 6.0
Documentapplication/zip ZIP archiveaudio/x-wav WAV audio
formataudio/midi MIDI audio formataudio/x-pn-realaudio
RealAudioimage/gif GIF image formatimage/jpeg JPEG image
formatimage/png PNG image formattext/html HTML documenttext/plain Plain
textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video
formatvideo/x-msvideo AVI video format
36.如何在一个站点不同页面间播放同一U声文g?
大家
有这L(fng)l验Q当你访问一个站炚w|Q会(x)听到该页讄的背景声x(chng)Ӟ比如一D音乐。当你链接到该站点另一|Q音乐就停止?jin)。如何让声音不断呢。其
实,你只需要徏立一个上下框架结构的|页Q把声音文g建立在下框架里,q把下框架的宽度讄Z个像素,而上框架里是面内容Q当讉K者离开站点首页Ӟ
因下框架内容未变Q所以,声音不会(x)间断。大家还要注意两点,W一Q把框架的边框设|ؓ(f)0Q第二,隐藏声音文g的播攄面,然后把上下两个框架的背景讄?
相同?
37.如何让所有页面共享同一个层叠样式表(CSS)?
在每一个页面的<HEAD></HEAD>部分中加入以下代码:(x)
<link rel="stylesheet" Type="text/css" href="cnshell.css">
其中cnshell.css为共享的层叠样式表文?br />38.如何为链接定制新H口?
我们可以打开一个新的窗口来昄链接的内容,但如何定制这个新H口呢?br />只需要在标签<A>中加入onClick事g:
<a href="#" onClick="window.open('cnshell.htm','help','scrollbars=yes,
resizable=yes,width=500,height=40')">问答</a>
"#"表示单击链接"问答"后,当前H口保持不变Qcnshell.htm为单击链?问答"后所打开新窗口装载的内容Q而scrollbars=yes,resizable=yes,width=500,height=40|新H口的大等属性?br />39. 如何在页面利用单?yn)L关闭览H口?
?lt;BODY></BODY>部分加入以下代码Q?br /><a href="javascript:window.close()">关闭H口</a>
40. 如何删除囄链接的蓝色边?
如果我们讄?jin)图片?f)一个链接,?x)发现图片四周出C(jin)蓝色Ҏ(gu)。要删除Ҏ(gu)Q需要在囄标签里加上border="0"。如Q?lt;img src="dog.jpg" border="0">
41. 如何清除面中的框架l构?
在链接属性中加入target="_top" 如下讄Q?br /><a href="当你单击?jin)这个链接,面所有框架被清除q以该链接内Ҏ(gu)代?br />42.直接跌{C一面
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
后加入下面语句,表示跌{到Config.do
<meta http-equiv="refresh" content="0;url=Config.do" />
43. 如何创徏一个下拉菜?
我们在主中怼(x)用到下拉菜单Q一般来_(d)它需要CGIE序支持。你也可以利用javascript~写一个?br /><head>
<script
LANGUAGE="javascript">function formHandler(){var URL =
document.form.site.options[document.form.site.selectedIndex]
.value;window.location.href = URL;}
</script>
</head>
<body>
<form
name="form"><select NAME="site" SIZE="1"
onChange="formHandler()"><option
value="请选择">请选择</option>Qoption value="mailtocnshell@163.net">l我写信</option></select></form>
</body>
44.如何建立一个站点的搜烦(ch)引擎pȝ?
如果你的站点有许多内容,你希望访问者能很快扑ֈ他想要的信息。那么你需要徏立一个搜索引擎。连接到|站|络特区45. 什么是目标H口Q它该如何设|?
?
标窗口是面链接所指内Ҏ(gu)C的H口Q也是当你单击?jin)页面某一个链接后Q该链接所指的内容在那个窗口显C。大多数情况下,我们无需兛_(j)它,因ؓ(f)一般都?
在同一H口昄。target是链接标{?lt;a>的属性,它的作用是指定目标H口Qtarget有以下几个|(x)
_self-链接指向的内容装蝲到当前页的窗口或框架?br />_top-完全取代当前面的所有框?br />_blank-为链接指向的内容打开一个新的窗?br />_parent-把链接指向的内容装入当前?lt;FRAMESET>父窗口中
以上讄多用在框架结构的面中?br />46. 如何为所有链接指定同一目标H口?
在框架网늻构中Q我们需要指定链接所指向的内Ҏ(gu)C在那个H口中。如果你的链接大部分都指定到同一个窗口中Q就可以?lt;HEAD></HEAD>部分中加入:(x)<base targetQ?H口?>Q你无需为每个链接再指定H口?jin)?br />47.
量用table标签Q这样可以避?lt;td>之间的干扎ͼ<table>量设ؓ(f)<table
width="100%" border="0" cellpadding="0"
ellspacing="0">Q一斚w是不昄表格U,另一斚w占满整个宽度Q不?x)因为内容不够而宽度变H;包含<table>?
<td>要设?lt;td valign="top">Q不然内部table默认居中?br />48.<table>中第一行表格的width控制各列宽度Q每列第一个格的height控制各行高度?br />49.如何把一行表单或囄都放于middle位置Q要把每一个都?lt;td>隔开Q每?lt;td>都要设valign="middle"?br />50.<td></td>之间不要有空格或IQ即应该<td><img src="***"></td>q么写,否则囄上下?x)生空白的一l条?br />51. 表示一个空|q个I格占一个字W(对于字母Q还是两个字W(对于汉字Q是Ҏ(gu)?hu)览器的Q工?>Internet选项->语言Q来军_的,是不定的,所以中文开头只需要两?amp;nbsp;而不是四?amp;nbsp;?br />52.在线播放:
下面两个视频Q前一个是RM视频Q?rm .rmvbQ,后一个是MP视频Q?wmv .asf .aviQ?Z(jin)不媄(jing)响大Ӟ都设|ؓ(f)手动播放Qƈ相关的代码?qing)说明放在?jin)视频的下面:(x)
RM源代码:(x)
<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=352 height=288>
<PARAM NAME=SRC VALUE="<PARAM NAME=CONSOLE VALUE="<PARAM NAME=CONTROLS VALUE=imagewindow>
<PARAM NAME=AUTOSTART VALUE=0 >
</OBJECT>
<br>
<OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA height=32 id="video" width=352>
<PARAM NAME=SRC VALUE="<PARAM NAME=AUTOSTART VALUE=0>
<PARAM NAME=CONTROLS VALUE=controlpanel>
<PARAM NAME=CONSOLE VALUE="</OBJECT>
说明Q以后可以直接把以上代码攑ֈ|页中用,需要修改的属性说明如下width=352 height=288 q是控制媒体高度和宽度的VALUE="
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=160 height=168 >
<PARAM NAME=AUTOSTART VALUE=0 >
<param name=ShowStatusBar value=-1>
<param name=Filename value=http://xiaoping.cqie.cn/wmv/jler.wmv>
<embed
type=application/x-oleobject
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701
flename=mp src="</embed>
</object>
Q要求:(x)某行文本前面有一个加L(fng)标签Q一点击加号变成减号Q同时该行展开它之下所属信息,以羃qŞ式呈玎ͼ再点d号又变回加号、下面展开的文本收回,q应该怎么做?除了(jin)js方式有什么其他方式实CQ谢谢!Q?br /><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文?lt;/title>
<script language="javascript">
function showLay(divId){
(tng) (tng) (tng) (tng) (tng) (tng) (tng) var objDiv = eval(divId);
(tng) (tng) (tng) (tng) (tng) (tng) (tng) if (objDiv.style.display=="none"){
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) eval("sp"+divId+".innerHTML='-'");
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) objDiv.style.display="";
(tng) (tng) (tng) (tng) (tng) (tng) (tng) }else{
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) eval("sp"+divId+".innerHTML='+'");
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) objDiv.style.display="none";
(tng) (tng) (tng) (tng) (tng) (tng) (tng) }}
</script>
</head>
<body>
<a href="#" onclick="showLay('Layer1')"><span id="spLayer1">+</span>a</a><br>
<div id="Layer1" style="display:none;">
|-<a href="insert_unit_info.html" target="body">a1</a><br>
|-<a href="select_unit_info.jsp" target="body">a2</a><br>
</div>
<a href="#" onclick="showLay('Layer2')"><span id="spLayer2">+</span>b</a><BR>
<div id="Layer2" style="display:none;">
|-<a href="insert_item_info.html" target="body">b1</a><br>
|-<a href="select_item_info.jsp" target="body">b2</a><br>
</div>
<a href="#" onclick="showLay('Layer3')"><span id="spLayer3">+</span>c</a><BR>
<div id="Layer3" style="display:none;">
|-<a href="insert_expert_info.html" target="body">c1</a><br>
|-<a href="select_expert_info.jsp" target="body">c2</a><br>
</div>
<a href="#" onclick="showLay('Layer4')"><span id="spLayer4">+</span>d</a><BR>
<div id="Layer4" style="display:none;">
|-d1<br>
|-d2<br>
</div>
</body>
</html>
<html>
<head>
<title>打造下拉菜?lt;/title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
(tng) if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
(tng) (tng) (tng) document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
(tng) else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
(tng) var p,i,x; (tng) if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
(tng) (tng) (tng) d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
(tng) if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
(tng) for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
(tng) if(!x && document.getElementById) x=document.getElementById(n); return x;
}
(tng) var i,p,v,obj,args=MM_showHideLayers.arguments;
(tng) for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
(tng) (tng) (tng) if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
(tng) (tng) (tng) obj.visibility=v; }
}
</script>
</head>
<div id="title" style="position:absolute; left:8px; top:15px; width:240px; height:15px; z-index:1; background-color: #006699;
(tng) <table width="480" cellspacing="0" cellpadding="2">
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng)
<td width="120" onMouseOver="MM_showHideLayers('menu1','','show')"
onMouseOut="MM_showHideLayers
(tng) (tng) (tng) </tr>
(tng) </table>
</div>
<div id="menu1" style="position:absolute; left:8px; top:34px; width:120px; height:80px; z-index:2; background-color: #999966;
(tng) <table width="100%" cellspacing="0" cellpadding="2" height="80">
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Dreamweaver 专栏</a></td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Fireworks 专栏</a></td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Flash 基本操作</a></td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Flash 5 Action</a></td>
(tng) (tng) (tng) </tr>
(tng) </table>
</div>
</body>
</html>
55.防止下蝲|页信息Q例如显C受控文Ӟ(j)的简单方法:(x)
(tng)<option value="1">W一?lt;/option>
(tng)<option value="2">W二?lt;/option>
(tng)<option value="3">W三?lt;/option>
</select>
<script>document.all("max").value="3"</script>
56.用javascript讄输入框焦?br /><html>
<head>
<script language="javascript">
function t() {
document.getElementById('aa').focus(); (tng)
} (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng)
<!--讄id为aa的元素得到焦?->
</script>
</head>
<body onload="javascript:t()">
<input type="text" id="aa"> <!--讄文本输入框的id为aa-->
</body>
</html>
57.select标签下的OPTION标签没有value属性时Q把内容当属性传q去Q比?lt;OPTION>所有用?lt;/OPTION>传的值就是所有用P用以下方法?br /><select name="account.accountId" >
(tng) (tng) (tng) (tng)<OPTION value="">所有日?lt;/OPTION>
(tng) (tng) (tng) (tng)<OPTION value="renyang">L</OPTION>
</select>
58.不保留缓存方法:(x)
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Cache-Control", "must-revalidate");
response.setDateHeader("Expires",0);
%>
59.全选、全不选jsҎ(gu) Q直接放?htm文g中即可)(j)
<SCRIPT language="javascript">
function checkAll(e, itemName)
{
(tng) var aa = document.getElementsByName(itemName);
(tng) for (var i=0; i<aa.length; i++)
(tng) (tng) aa[i].checked = e.checked;
}
function check(e, allName)
{
(tng) var all = document.getElementsByName(allName)[0];
(tng) if(!e.checked) all.checked = false;
(tng) else
(tng) {
(tng) (tng) (tng) var aa = document.getElementsByName(e.name);
(tng) (tng) (tng) for (var i=0; i<aa.length; i++)
(tng) (tng) (tng) (tng) if(!aa[i].checked) return;
(tng) (tng) (tng) all.checked = true;
(tng) }
}
</SCRIPT>
<input type=checkbox name=allPersons id=allPersons
onclick="checkAll(this, 'persons')"> <label
for="allPersons">全?lt;/label><br>
<input type="checkbox" name="persons" id=persons
value="1"> <label
for="persons">W一?lt;/label><br>
<input type="checkbox" name="persons" id=persons
value="2"> <label
for="persons">W二?lt;/label><br>
<!-- 问题Q第一名和W二名这两个字ID不能一P否则点第二名q三个字时第一名前的框变化 -->
]]>
不管你以前学没有学过javascriptQ本教程都能带?zhn)q入javascript的殿堂,领?zhn)javascript的魅力?br /> (tng) 大家来到q里Q都是javascript的爱好者,对javascript都多多少有一定的理解。关于javascript
的历史等׃做介l了(jin)Q我们直接来学习(fn)它,用它?br /> (tng) 也许大部分h都认为javascript是在客户端运行的Q其实不然。javascript有两U不同的q行环境Q?br />一个是在服务器端的javascriptQ另一个就是客L(fng)的javascript?jin)。还有就是javascript也是面向对象
的语a?br /> (tng) 作ؓ(f)W一课,只是l大家一个简单的认识Q东西不是太多。主要有以下三个斚wQ?br /> (tng) 1、在面djavascript
(tng) 2、javascript的数据类?br /> (tng) 3、javascript最基本的三个对话框
(tng) </script>
(tng) /*q也是注释,
(tng) (tng) (tng) 不过是多行的?br /> (tng) */
(tng) 我想q个今天׃l讲?jin),留到下一课讲Q就当是q课的作业吧Q就是关于适应各种环境的javascript
的添加。如不支持javascript的浏览器Q我们该加入些什么才能不让浏览器昄javascript的源代码{等?/p>
(tng) 字符串就是由一q串的字W组成的序列。包括字母、数字以?qing)标点符受当然还可以是汉字等。简单一?br />是表示文本信息?/p>
(tng) 十进Ӟ(x)15Q直接写数字卛_Q?br /> (tng) 八进Ӟ(x)017Q要以零做ؓ(f)引导数字Q?br /> (tng) 十六q制Q?xfQ要?x做ؓ(f)引导数字Q?/p>
(tng) {等?/p>
(tng) <script language="javascript">
(tng) alert("在页面上昄警告对话?);
(tng) </script>
(tng) alert()是javascript产生一个带认按钮的对话框Q上面显C括号内的信息?/p>
(tng) <script language="javascript">
(tng) confirm("在页面上昄认对话?);
(tng) </script>
(tng) confirm()和alert()差不多,不同的就是多?jin)个取消按钮。按定q回trueQ按取消q回false?br /> (tng) <script language="javascript">
(tng) var con;
(tng) con=confirm("你们喜欢q样的教E吗Q?);
(tng) if (con==true) alert("喜欢");
(tng) else alert("不喜?);
(tng) </script>
(tng) <script language="javascript">
(tng) var name,age;
(tng) name=prompt("请问(zhn)的名字Q?);
(tng) alert(name);
(tng) age=prompt("多大Q?);
(tng) alert(age);
(tng) </script>
(tng) 它不但可以显CZ息,而且可以输入信息?br />----------------------------------------------------------------------------------------
javascript~程hQ第二课Q?/strong>
(tng) <!--
(tng) 代码
(tng) //-->
(tng) </script>
(tng) q儿补充一点内容,q可以告诉读者这儿是javascript代码Q该览器不支持?br /> (tng) <noscript>
(tng) 在浏览器不支持的时候显C句话
(tng) </noscript>
(tng) 今天我们主要学习(fn)的内Ҏ(gu)以下几块Q?br /> (tng) 1、javascript变量
(tng) 2、javascript表达式和q算W?/p>
(tng) var name;
(tng) name="javascript";
(tng) 那么name.length的值就?0?/p>
(tng)
(tng) cd转换Qjavascript允许在程序中改变变量的类型,最常见的两个类型{换符Number和String?br /> (tng) Number(x)是字W型值——〉数字值型。String与之相反。相对于javascript的自动类型{换,可以这U{换成为强制类型{换。(强制c?/p>
var myStr = "我是全局变量";
function getStr1(){
(tng) (tng) (tng) (tng) var myStr = "我是局部变?;
(tng) (tng) (tng) (tng) alert (myStr);
}
function getStr2(){
(tng) (tng) (tng) (tng) alert (myStr);
}
getStr1();
getStr2();
// 试?x)弹Z个提C框Q第一个提C“我是局部变量”,W二个提C“我是全局变量?br /></script>
(tng) 表达式:(x)在定义完变量后,可以对它们q行赋倹{改变、计等一pd操作Q这一q程通常p辑ּ来完成,可以说它是变量、常量、布
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) Q?+x是先执行?Qx++是执行完语句之后x在自?
例子Q?/p>
var i=0, j=0;
alert(i++ + " " + ++j + " " + i);
// 输出 ? 1 1”,可见i++是先输出?jin)iQ然后进行运,?+j是先对jq行?jin)自加运,然后输出j的?br /></script>
Q?br /> (tng) 2.比较q算W:(x)<(于)?gt;(大于)?lt;=(于{于)?gt;=(大于{于)?=({于)?=(不等?
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) Q基本操作过E是Q首先对它的操作数进行比较,然后再返回一个true或False倹{)(j)
(tng) 3.逻辑q算W:(x)!Q取??amp;=Q与之后赋|(j)?&Q逻辑与)(j)?|=Q或之后赋|(j)?|Q逻辑或)(j)?
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) ^=Q异或之后赋|(j)?^Q逻辑异或Q??:Q三目操作符Q、||Q或Q?amp;& Q与Q?br /> (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) ==({于)、|=(不等??br /> (tng) 4.字符串运符Q只? (tng) (tng) Q”my?”javascript“结果等于”my javascript“)(j)
(tng) 5.赋D符Q即=Q将双的Dl左边的变量?br /> (tng) 6.条gq算W:(x)Q?Q)(j)
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) 例:(x)status=(age>=18)?"adult":"child";如果大于18Q则表达式的gؓ(f)adult?br /> (tng) 7.typeof()q算W:(x)用来q回变量或数据的cd?/p>
(tng) (tng) (tng) Q就是我可以输入两个数和一个运符P得?gu)结果。结合上一评prompt()Q?
{案Q?br /><script language="javascript">
function yunshuan(a,op,c)
{
try{
(tng) eval("result=a"+op+"c");
(tng) return result;
}
catch(e){
(tng) alert("Some error occur");
}
}
function main(){
var a,b,c;
a=parseInt(prompt("误入第一个数"));
op=prompt("误入运符");
c=parseInt(prompt("误入第二个?));
alert("the result is :" + yunshuan(a,op,c));
}
Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q?br />javascript~程hQ第三课Q?/strong>
大家有什么意? 或者想? 可以到本版的教程问答??站务理版的 或意?d? 我们?x)?qing)时给(zhn)反?:)
1.变量的类型规?br />javascript是无cd的,他的变量可以放Q何数据类型的倹{?br />2.变量的声?br />在javascriptE序中,在用变量之前,必须先声明它。变量是使用关键字var声明的。而实际上Q不一定要先声明变量,在某些情况下Q变?/p>
var iQsumQ?br />而且q可以将变量声明和变量初始化l定在一P(x)
var message = 'hello'Q?br />var i = 0Qj=0Qk=0Q?br />由var声明的变量是怹的,因ؓ(f)各浏览器Ҏ(gu)否可以删除全局性的变量的态度是不同的Q(都可以删除局部变量)(j)Z(jin)安全Q最好假讑օ局?/p>
如果局部变量和全局变量重名Q则局部变量优先。js没有块作用域。函C声明的所有的变量Q作用域是相同的?br />var xQ?/声明一个未赋值的变量Q他的值是undefined?br />alertQuQ? //使用未声明的变量引发错误?br />u=3Q?/l一个未声明的变量赋值将?x)创变量?br />4.原始cd和引用类?br />var a=3.14Q?/原始cd
var b=aQ?/引用cd
语句D1
else
语句D2
表达式中必须使用关系语句Q来实现判断Q它是作Z个布?yu)(dng)值来估算的?
它将零和非零的数分别转化成false和true?
若if后的语句有多行,则必M用花括号其括v来?
if (age < 16 )
(tng) (tng) (tng) (tng) alert("朋?);
else
(tng) (tng) (tng) (tng) alert("成年?);
end if
else if (布尔? 语句Q;
else if (布尔? 语句Q;
else 语句Q;
在这U情况下Q每一U的布尔表述式都?x)被计算Q若为真Q则执行其相应的语句Q否则执行else后的语句?/p>
(tng) 其中Q?br /> (tng) (tng) (tng) pageURL 为子H口路径
(tng) (tng) (tng) name 为子H口句柄
(tng) (tng) (tng) parameters 为窗口参?各参数用逗号分隔)
(tng) 例:(x)
(tng) (tng) (tng) (tng) (tng) <SCRIPT LANGUAGE="javascript">
(tng) (tng) (tng) (tng) (tng) <!--
(tng) (tng) (tng) (tng) (tng) window.open ('url') //urlZ|址Q如Q?a >http://www.numb1.comQ绝对)(j) ?index.htm相对Q?br /> (tng) (tng) (tng) (tng) (tng) -->
(tng) (tng) (tng) (tng) (tng) </SCRIPT>
(tng) 2. H口参数
(tng) 其中yes/no也可使用1/0Qvalue为具体的数|单位象素?br /> (tng) toolbar=yes,no 是否昄工具?br /> (tng) location=yes,no 是否昄|址?br /> (tng) directories=yes,no 是否昄D?br /> (tng) status=yes,no 是否昄状态条
(tng) menubar=yes,no 是否昄菜单
(tng) scrollbars=yes,no 是否昄滚动?br /> (tng) resizable=yes,no 是否可以改变公告H口大小
(tng) copyhistory=yes,no 是否昄历史按钮
(tng) width=value 公告H口的宽
(tng) height=value 公告H口的高
(tng) left=value 公告H口的左上顶点距屏幕左边100像素
(tng) top=value 公告H口的左上顶点距屏幕端100像素
(tng) 例:(x)
<script language="javascript">
<!--
window.open("http://www.sina.com.cn","newwindow",
//-->
</script>
Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-Q-
javascript~程hQ第四课Q?/strong>
如果q算的数据类型不是一L(fng)话,js脚本?x)尽力执行内部{换来解决Q但js不了(jin)解你的心(j)思。所以得到的l果可能和你惌的不一栗?br />emQ?br /> (tng) 3+3 (tng) (tng) // result=6
(tng) 3+"3" (tng) (tng) // result="33"
javascript语言提供两个内置函数表C数值的字符串{换ؓ(f)真实的数|(x)parseInt()和parseFloat()?br />Z(jin)使用q些函数Q需要将q行转换的字W串作ؓ(f)参数传入函数Q例Q?br />parseInt("42") (tng) (tng) (tng) (tng) //result=42
parseInt("42.33") (tng) (tng) //result=42
不过是QҎ(gu)q是整数Q函数返回的值都是整数。不存在四舍五入Q小数点和它后面的数字将被舍弃?br />而parseFloat()则返回QҎ(gu)Q如果是整数p回整敎ͼ(j)Q例Q?br />parseFloat("42") (tng) (tng) //result=42
parseFloat("42.33") //result=42.33
如果在某处需要进行字W串的{换,只需函数插入该初即可。如Q?br />3+3+parseInt("3") (tng) (tng) //result=9
虽然当遇到表辑ּ中含有合数据类型时Qjs?x)們于字W串。但Z(jin)防止潜在的问题发生,最好先转换以下。在数g加入I字W串可?/p>
(""+2500).length (tng) (tng) //result=4
for:
javascript中最常用的@环结构称之ؓ(f)for循环Q关键词攑֜循环l构的开始位|。正式语法结构如下:(x)
for ([initial expression];[condition];[update expression]){
(tng) statement[s] inside loop
}
例:(x)
for(var i=0;i<9;i++)
{
n+=i
myfunc(n)
}
for...in:
q个语句完全依照变量var所讑֮的值决定运行次数。你可以用for...in语句在一个对象或一个数l上建立循环
for(var in [obj | array])
{
statements
}
例:(x)
<script language="javascript">
document.writeln("The properties of the document object")
for(var element in document){
document.writein(element+"="+document[element])
}
</script>
javascript~程hQ第五课Q?/strong>
鼠标事gQ上Q?/p>
1.mouseoverQ鼠标移臻I(j)
2.mouseoutQ鼠标移出)(j)
3.mousemoveQ鼠标移动)(j)
4.mousedownQ鼠标按下)(j)
5.mouseupQ鼠标弹P(j)
6.clickQ单击)(j)
7.dblclickQ双击)(j)
<head>
<title>test</title>
<script language="javascript">
function text_onmouseover(){
mytext.style.fontSize="30pt";
mytext.style.color="red";
mytext.style.fontStyle="italic";
}
function text_onmouseout(){
mytext.style.fontSize="20pt";
mytext.style.color="blue";
mytext.style.fontStyle="normal";
}
</script>
</head>
<body>
<p id=mytext onmouseover="text_onmouseover()" onmouseout="text_onmouseout()">http://www.javascript.com.cn</p>
<p>看看字体样式有什么变?lt;/p>
</body>
</html>
<body onMousemove="micro$oftMouseMove()">
<SCRIPT LANGUAGE="JavaScript">
if (navigator.appName == 'Netscape')
{
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = netscapeMouseMove;
}
if (e.screenX != document.test.x.value || e.screenY != document.test.y.value)
{
document.test.x.value = e.screenX;
document.test.y.value = e.screenY;
}
}
if (window.event.x != document.test.x.value || window.event.y != document.test.y.value)
{
document.test.x.value = window.event.x;
document.test.y.value = window.event.y;
}
}
</SCRIPT>
<FORM NAME="test">
X: <INPUT TYPE="TEXT" NAME="x" SIZE="4"> Y: <INPUT
TYPUE="TEXT" NAME="y" SIZE="4">
</FORM>
</body>
</html>
鼠标Ud的事件在鼠标跟随效果的用上比较多,大家可以看看鼠标跟随Ҏ(gu)。网上n多?br />Q需要注意的是:(x)启动q个事g处理q程存在一个问题,是它有可能?x)屏蔽其他事件。另外还增加?jin)页面的处理旉Q应量用。)(j)
今天的作业是Q?br />1.囄链接的{换(当鼠标放上去时是一个图片,当鼠标离开时是另外一个图片)(j)
2.囄跟随鼠标Q当鼠标UdӞ?x)有个图片跟随着鼠标一L(fng)动)(j)
1题答案:(x)
<html>
<body>
<script language="javascript">
(tng) (tng) function change()
(tng) (tng) {
(tng) (tng) (tng) (tng) (tng) (tng) //document.test.tupian.src="1.bmp";用test和form[0]都可?br /> (tng) (tng) (tng) document.form[0].tupian.src="1.bmp";
(tng) (tng) }
(tng) (tng) function changeback()
(tng) (tng) {
(tng) (tng) (tng) (tng) (tng) (tng) //document.test.tupian.src="2.bmp";
(tng) (tng) (tng) document.form[0].tupian.src="1.bmp";
(tng) (tng) }
</script>
<form name="test">
<a name="aa" href="http://www.xxx.com" onmouseover="change();" onmouseout="changeback();"><img name="tupian"
</form>
</body>
</html>
---------------------------------------------------------------------------------------------------
javascript~程hQ第六课Q?/strong>
(tng)
(tng) 至于mouseDown和mouseUp的属性,它们是伴随着Click事g发生的,q和keyPress事g是keyDown事g和keyUp事gl合而成的机制是一L(fng)
(tng) onClick是单MӞonDblClick是双MӞ而实际上很难分清q箋(hu)的单d双击。它们会(x)互相q扰。而且在ie和其他浏览器的情况还?/p>
<script>
var timer=null;
document.onclick=new Function("timer=setTimeout(click,500)")
document.ondblclick=new Function("clearTimeout(timer);dblclick()")
function click(){
alert("click")
}
function dblclick(){
alert("dblclick")
}
</script>
新徏一个函敎ͼ内容?br />timer=setTimeout(click,500)
setTimeout(函数或语句,旉以毫Uؓ(f)单位)
用于讄某函数或语句在某旉后执行,…?br />clearTimeout(timer);
清除讄Q?
(tng) 例如Q在惌的导航到另一个页面之前进行某些数据项的确认,如果某些域填得不正确Q可以提醒ƈl止链接。要实现q种认Q必d
javascript~程hQ第七课Q?/strong>
今天学?fn)函数?虽然语句q没有说?
下面来看看javascript函数.
函数是有function加函数名和一对带有参数括?以及(qing)大括L(fng)成的Q其中大括号里是
Mjavascript语句.
?
function hanshuname(js) //hanshuname是函数名.
{
document.write(js,"<br>"); //是函数的M语句.
}
函数可以嵌套,如下:
function qiantao(a,b){
function lqiantao(x){return x*x;}
return Math.sqrt(lqiantao(a)+lqiantao(b));
}
函数q可以作为数据来应用,因此可以象处理其他数据那h处理函数,?赋?存储,传递等.
?
function zhi(x){return x*x;}
实际?函数名没有什么意?不过是保存函数的变量名而已.
a=zhi(6);//a存放的是数字36;
b=zhi;//现在b和zhi引用同一个函?
c=b(5);//c存放的是数字25.
在一个函C?标识WargumentsLhҎ(gu)含义,它是调用对象的一个特D属?用来引用实际参数对象.q个实际参数对象h大量有用?/p>
管定义javascript函数旉有固定的参数Q但调用q个函数?传递给它的参数数目却可以是L的,数组arguments[]允许完全存取那些?/p>
function zhi(x,y,z)
{
if(arguments.length !=3){
alert("function zhi called with"+arguments.length+"arguments,but it expects 3 arguments.");
return null;
}
}
数组arguments[]q(sh)ؓ(f)javascript函数开发了(jin)一w要的可能?既可以将函数~写够接受Q意数目的实际参数.
function zhi()
{
var m=Number.NEGATIVE_INFINITY;
//遍历所有参?br />//(g)索ƈ记忆最大的一?
for(var i=0;i<arguments.length;i++)
if(arguments>m)m=arguments;
//q回最大的参数?
return m;
}
var lazgest=zhi(1,10,100,2,3,1000,4,5,10000,6);
也可以用arguments[]数组来编写一个函?
调用js函数
<a href=??onClick=”functionName()?gt;Link text</a>
<a href=”javascript:functionName()?gt;Link text</a>
今天先说到这儿吧,下节l箋(hu)说函?
]]>
<head>
<title>打造下拉菜?lt;/title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body,td { font-size:12px; font-family:?hu)体}
a:link { (tng) color: #ffffff; text-decoration: none}
a:visited { (tng) color: #ffffff; text-decoration: none}
a:hover { (tng) color: #ff9933; text-decoration: none}
table { (tng) border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
</style>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { (tng) //reloads the window if Nav4 resized
(tng) if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
(tng) (tng) (tng) document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
(tng) else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
(tng) var p,i,x; (tng) if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
(tng) (tng) (tng) d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
(tng) if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
(tng) for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
(tng) if(!x && document.getElementById) x=document.getElementById(n); return x;
}
(tng) var i,p,v,obj,args=MM_showHideLayers.arguments;
(tng) for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
(tng) (tng) (tng) if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
(tng) (tng) (tng) obj.visibility=v; }
}
//-->
</script>
</head>
<div id="title" style="position:absolute; left:8px; top:15px; width:240px; height:15px; z-index:1; background-color: #006699; layer-background-color: #006699; border: 1px none #000000">
(tng) <table width="480" cellspacing="0" cellpadding="2">
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td width="120" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')"><b><font color="#FFFFFF"><a href="#">?
(tng) (tng) (tng) (tng) (tng) (tng) (tng) l典论坛</a></font></b> </td>
(tng) (tng) (tng) (tng) (tng) <td width="120" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')"><b><font color="#FFFFFF"><a href="#">?
(tng) (tng) (tng) (tng) (tng) (tng) (tng) 天极|?lt;/a></font></b> </td>
(tng) (tng) (tng) (tng) (tng) <td width="120" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')"> </td>
(tng) (tng) (tng) (tng) (tng) <td width="120" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')"> </td>
(tng) (tng) (tng) </tr>
(tng) </table>
</div>
<div id="menu1" style="position:absolute; left:8px; top:34px; width:120px; height:80px; z-index:2; background-color: #999966; layer-background-color: #999966; border: 1px none #000000; visibility: hidden" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">
(tng) <table width="100%" cellspacing="0" cellpadding="2" height="80">
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Dreamweaver 专栏</a></td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Fireworks 专栏</a></td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Flash 基本操作</a></td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">Flash 5 Action</a></td>
(tng) (tng) (tng) </tr>
(tng) </table>
</div>
<div id="menu2" style="position:absolute; left:127px; top:34px; width:120px; height:80px; z-index:2; background-color: #999966; layer-background-color: #999966; border: 1px none #000000; visibility: hidden" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')">
(tng) <table width="100%" cellspacing="0" cellpadding="2" height="80">
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">新闻</a> </td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td height="20"> <a href="#">软g</a></td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">g</a> </td>
(tng) (tng) (tng) </tr>
(tng) (tng) (tng) <tr>
(tng) (tng) (tng) (tng) (tng) <td> <a href="#">商城</a></td>
(tng) (tng) (tng) </tr>
(tng) </table>
</div>
</html>
http://www.blueidea.com/tech/web/2003/301.asp
]]>
1)<a (tng) href="#" onclick="return(confirm('删除后无法恢?(zhn)确定删除吗?'))">删除</a>
2)JS
<a (tng) href="#" >删除</a>
<script language="JavaScript" type="text/javascript">
function delete_confirm(){
(tng)if(event.srcElement.outerText=="删除" || event.srcElement.value=="删除")
(tng) event.returnValue=confirm("删除后将不能恢复Q?zhn)认执行删除操作么?);
(tng)}
(tng)document.onclick=delete_confirm;
</script>
2.点击按钮探出提示
(tng)<input type=button value="reload" onclick="javascript:reload()">
<script type="text/javascript">
function reload() {
(tng)
(tng)if (confirm("认?"))
(tng){
(tng)var url="#";
(tng)window.location.href=url;
(tng)}
}
3.点击链接弹出提示
<a (tng) href="认后的q接地址" onclick="return(confirm('惌的提CZ?'))">昄信息</a>
4.onchangeQ)(j)用法
<select name="year" onchange="javascript:changeYear()">
(tng)<OPTION OPTION>
</SELECT>
<SCRIPT language="javascript">
function changeYear(){
(tng) (tng)var url = (tng)....;
(tng)window.location.href = url;
}
</SCRIPT>
4.Ҏ(gu)选择的radio转向不同的URL
<input type="Radio" name="id" value="1" checked></td>
<input type="Radio" name="id" value="2" checked></td>
<input type="Radio" name="id" value="3" checked></td>
<SCRIPT language="javascript">
function WhichOneisChecked(obj) {
for (var i = 0;i < obj.elements.length;i++){
if (obj.elements[i].checked == true){
var weekLogId=obj.elements[i].value;
var url="......";
window.location.href = url;
}
}
}
</SCRIPT>
5.radio 全?br />function checkAll(e, itemName)
{
(tng) var aa = document.getElementsByName(itemName);
(tng) for (var i=0; i<aa.length; i++)
(tng) (tng) aa[i].checked = e.checked;
}
function check(e, allName)
{
(tng) var all = document.getElementsByName(allName)[0];
(tng) if(!e.checked) all.checked = false;
(tng) else
(tng) {
(tng) (tng) (tng) var aa = document.getElementsByName(e.name);
(tng) (tng) (tng) for (var i=0; i<aa.length; i++)
(tng) (tng) (tng) (tng) if(!aa[i].checked) return;
(tng) (tng) (tng) all.checked = true;
(tng) }
(tng) (tng) (tng)
<input type=checkbox checked name=allTeams onclick="checkAll(this, 'teamIds')">
<input type="checkbox" name="teamIds" checked value="<%=.....%>" onclick="check(this, 'allTeams')">
<script language="javascript">
(tng) (tng)function showLay(divId){
(tng) (tng) (tng) (tng) (tng) (tng) (tng) var objDiv = eval(divId);
(tng) (tng) (tng) (tng) (tng) (tng) (tng) if (objDiv.style.display=="none"){
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) eval("sp"+divId+".innerHTML='隐藏'");
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) objDiv.style.display="";
(tng) (tng) (tng) (tng) (tng) (tng) (tng) }else{
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) eval("sp"+divId+".innerHTML='查看'");
(tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) (tng) objDiv.style.display="none";
(tng) (tng) (tng) (tng) (tng) (tng) (tng) }}
(tng) (tng)</script>
(tng) (tng) (tng)<td>
(tng) (tng) (tng) (tng) (tng) (tng)<a href="#" (tng) onclick="showLay('Layer1')"><span id="spLayer1">查看</span></a>
(tng) (tng) (tng) (tng) (tng) (tng)<br>
(tng) (tng) (tng) (tng) (tng) (tng)<div id="Layer1" style="display:none;">......</div>
(tng) (tng) (tng) (tng) (tng)</td>
按钮实现
<SCRIPT LANGUAGE="JavaScript">
function hidden_show()
{
(tng)var obj = document.getElementById("Layer1");
(tng)if(obj.style.visibility == "")
(tng) (tng)obj.style.visibility = "hidden";
(tng)else
(tng) (tng)obj.style.visibility = "";
}
</SCRIPT>
<td>
(tng) (tng) (tng) (tng) (tng) (tng)<INPUT TYPE="button" onclick="hidden_show();" value="hidden/show">
(tng) (tng) (tng) (tng) (tng)<br>
(tng) (tng) (tng) (tng) (tng) (tng)<div id="Layer1" (tng)>
(tng) (tng) (tng) (tng) (tng) (tng) (tng)<%=weekPlan%>
(tng) (tng) (tng) (tng) (tng) (tng)</div>
(tng) (tng) (tng) (tng) (tng)</td>
]]>