显示最后更新时间,事半功倍系列之javascript
分类:微服架构

<script type="text/javascript"> <!-- document.write("本页最后更新日期:"+document.lastModified ) --> </script>

图片 1第一章javascript简介
图片 2
图片 31.在地址栏输入javascript语句
图片 4
图片 5Javascript:Document.write("显示文字")
图片 6
图片 72.将javascript嵌入 HTML文档
图片 8
图片 9图片 10<script language=javascript>图片 11
图片 12document.bgColor="blue"
图片 13</script>
图片 14
图片 15第二章 使用变量和数组
图片 16
图片 171.声明变量
图片 18
图片 19图片 20<script language=javascripe>图片 21
图片 22Var answer1,answer2,answer3,answer4;
图片 23answer1=9;
图片 24answer2=2.5
图片 25answer3="Milkey May" 
图片 26answer4=true
图片 27</script>
图片 28
图片 292.使用整数
图片 30
图片 31图片 32<script language=javascript>图片 33
图片 34var decimalNum,hexadecimalNum,octalNum
图片 35decimalNum=24
图片 36hexadecimalNum=0x24
图片 37octalNum=024
图片 38document.write("显示十进制数:"+ decimalNum+"<br>")
图片 39document.write("显示十六进制数:"+ hexadecimalNum +"<br>")
图片 40document.write("显示八进制数:"+ octalNum +"<br>")
图片 41</script>
图片 42
图片 433.使用浮点数
图片 44
图片 45图片 46<script language=javascript>图片 47
图片 48var num1,num2,num3,num4
图片 49num1=1234567890000.0
图片 50num2=5.14e23
图片 51num3=0.0000123456
图片 52num4=6.0254e3-4
图片 53document.write("浮点数1:"+num1+"<br>")
图片 54document.write("浮点数2:"+num2+"<br>")
图片 55document.write("浮点数3:"+num3+"<br>")
图片 56document.write("浮点数4:"+num4+"<br>")
图片 57</script>
图片 58
图片 594.使用布尔值
图片 60
图片 61图片 62<script language=javascript>图片 63
图片 64var answer1,answer2
图片 65answer1=true
图片 66answer2=false
图片 67document.write("显示布尔1:"+answer1+"<br>")
图片 68document.write("显示布尔2:"+answer2+"<br>")
图片 69</script>
图片 70
图片 715.使用字符串
图片 72
图片 73图片 74<script language=javascript>图片 75
图片 76var str1,str2
图片 77str1="fdsgdg dsfdsf china"
图片 78str2="武汉市广播电视大学"
图片 79document.write("显示字符串1:"+str1+"<br>")
图片 80document.write("显示字符串2:"+str2+"<br>")
图片 81</script>
图片 82
图片 836.确定变量类型
图片 84
图片 85图片 86<script>图片 87
图片 88var answer1,answer2,answer3,answer4
图片 89answer1=9
图片 90answer2=2.5
图片 91answer3="milky may"
图片 92answer4=true
图片 93document.write("变量1的类型是:"+typeof answer1 +"<br>")
图片 94document.write("变量2的类型是:"+typeof answer2 +"<br>")
图片 95document.write("变量3的类型是:"+typeof answer3 +"<br>")
图片 96document.write("变量4的类型是:"+typeof answer4 +"<br>")
图片 97</script>
图片 98
图片 997.将字符串转换成数字
图片 100
图片 101图片 102<script>图片 103
图片 104var str1="31 days in january"
图片 105var int1=parseInt(str1)
图片 106document.write("str1的数据类型是 :"+typeof str1+"<br>")
图片 107document.write("int1的数据类型是 :"+typeof int1+"<br>")
图片 108</script>
图片 109
图片 1108.将数字转换成字符串
图片 111
图片 112图片 113<script>图片 114
图片 115var int1=256
图片 116var str1=""+int1
图片 117document.write("str1的数据类型是 :"+typeof str1+"<br>")
图片 118document.write("int1的数据类型是 :"+typeof int1+"<br>")
图片 119</script>
图片 120
图片 1219.声明数组
图片 122
图片 123图片 124<script>图片 125
图片 126array=new Array(5)
图片 127array[0]=1
图片 128array[1]=3
图片 129array[2]=5
图片 130array[3]=7
图片 131array[4]=11
图片 132document.write("数组是:"+array[0]+" "+array[1]+" "+array[2]+" "+array[3]+" "+array[4])
图片 133</script>
图片 134
图片 13510.确定数组元素的个数
图片 136
图片 137图片 138<script>图片 139
图片 140array=new Array(5)
图片 141array[0]=1
图片 142array[1]=3
图片 143array[2]=5
图片 144array[3]=7
图片 145array[4]=11
图片 146document.write("数组是:"+array[0]+" "+array[1]+" "+array[2]+" "+array[3]+" "+array[4]+"<br>")
图片 147document.write("数组的元素个数是"+array.length)
图片 148</script>
图片 149
图片 15011.将数组转换为字符串
图片 151
图片 152图片 153<script>图片 154
图片 155array=new Array()
图片 156array[0]="dark"
图片 157array[1]="apple"
图片 158array[2]="nebula"
图片 159array[3]="water"
图片 160str1=array.join()
图片 161str2=array.join(" ")
图片 162document.write(str1+"<br>")
图片 163document.write(str2)
图片 164</script>
图片 165
图片 16612.对数组排序
图片 167
图片 168图片 169<script>图片 170
图片 171array=new Array()
图片 172array[0]="dark"
图片 173array[1]="apple"
图片 174array[2]="nebula"
图片 175array[3]="water"
图片 176str1=array.sort()
图片 177document.write(str1+"<br>")
图片 178</script>
图片 179
图片 180第三章 创建表达式
图片 181
图片 1821.使用算术运算符
图片 183
图片 184图片 185<script>图片 186
图片 187var1=12
图片 188var2=10
图片 189varadd=var1+var2
图片 190varsub=var1-var2
图片 191varmult=var1*var2
图片 192vardiv=var1/var2
图片 193varmod=var1%var2
图片 194document.write("数据1是:"+var1+"<br>")
图片 195document.write("数据2是:"+var2+"<br>")
图片 196document.write("数据相加是:"+varadd+"<br>")
图片 197document.write("数据相减是:"+varsub+"<br>")
图片 198document.write("数据相乘是:"+varmult+"<br>")
图片 199document.write("数据相除是:"+vardiv+"<br>")
图片 200document.write("数据相除取余数是:"+varmod+"<br>")
图片 201</script>
图片 202
图片 2032.递增变量和递减变量
图片 204
图片 205图片 206<script>图片 207
图片 208days=1
图片 209document.write("输出变量"+days+"<br>")
图片 210days++
图片 211document.write("递增后变量变为:"+days)
图片 212</script>
图片 213
图片 2143.创建比较表达式
图片 215
图片 216图片 217<script>图片 218
图片 219daysofmonth=28
图片 220if(daysofmonth==28)
图片 221month="february"
图片 222document.write("days of month:"+daysofmonth+"<br>")
图片 223document.write("month:"+month)
图片 224</script>
图片 225
图片 2264.创建逻辑表达式
图片 227
图片 228图片 229<script>图片 230
图片 231dayofmonth=28
图片 232if(dayofmonth==28 || dayofmonth==29)
图片 233month="february"
图片 234document.write("days of month:"+dayofmonth+"<br>")
图片 235document.write("month:"+month)
图片 236</script>
图片 237
图片 2385.使用条件运算符
图片 239
图片 240图片 241<script language="javascript">图片 242
图片 243stomach="hungry";
图片 244time="5:00";
图片 245(stomach=="hungry"&&time=="5:00") ? eat = "dinner":eat="a snack";
图片 246document.write("输出结果"+eat);
图片 247</script>
图片 248
图片 2496.识别数字
图片 250
图片 251图片 252<script>图片 253
图片 254var1=24;
图片 255(isNaN(var1))?document.write("变量var1"+var1+"不是数字"):Document.write("变量var1"+var1+"是数字")
图片 256</script>
图片 257
图片 258第四章 控制程序流程
图片 259
图片 2601.使用IF –Else语句
图片 261
图片 262图片 263<script>图片 264
图片 265month="december"
图片 266date=25
图片 267if(month=="december" && date==25)
图片 268document.write("今天是圣诞节,商店关门")
图片 269else
图片 270document.write("欢迎,您来商店购物")
图片 271</script>
图片 272
图片 2732.使用for 循环
图片 274
图片 275图片 276<script>图片 277
图片 278for (count=1;count<=10;count++)
图片 279document.write("输出第"+count+"句"+"<br>")
图片 280</script>
图片 281
图片 2823.使用while循环
图片 283
图片 284图片 285<script>图片 286
图片 287count=1
图片 288图片 289while(count<=15)图片 290{
图片 291document.write("输出第"+count+"句" +"<br>")
图片 292count++}
图片 293</script>
图片 294
图片 2954.中断循环
图片 296
图片 297图片 298<script>图片 299
图片 300count=1
图片 301图片 302while(count<=15)图片 303{
图片 304count++
图片 305if(count==8)
图片 306break;
图片 307document.write("输出第"+count+"句"+"<br>")}
图片 308</script>
图片 309
图片 3105.继续循环
图片 311
图片 312图片 313<script>图片 314
图片 315count=1
图片 316图片 317while(count<=15)图片 318{
图片 319count++
图片 320if(count==8)
图片 321continue;
图片 322document.write("输出第"+count+"句"+"<br>")}
图片 323</script>
图片 324
图片 3256.使用javascript定时器
图片 326
图片 327图片 328<script>图片 329
图片 330function rabbit()
图片 331图片 332图片 333{document.write("输出语句")
图片 334}
图片 335</script>
图片 336<body onload=window.setTimeout(rabbit(),5000)>
图片 337
图片 3387.设置定期间隔
图片 339
图片 340图片 341<script>图片 342
图片 343window.setInterval("document.form1.text2.value=document.form1.text1.value",3000)
图片 344</script>
图片 345<form name=form1>
图片 346<input type=text name=text1><br>
图片 347<input type=text name=text2><br>
图片 348</form>
图片 349
图片 3508.清除超时和间隔
图片 351
图片 352图片 353<script>图片 354
图片 355stop=window.setInterval("document.form1.text2.value=document.form1.text1.value",300)
图片 356</script>
图片 357<form name=form1>
图片 358<input type=text name=text1><br>
图片 359<input type=text name=text2><br>
图片 360<input type=button name=button1 value=" 清除超时和间隔" onclick=clearInterval(stop)>
图片 361</form>
图片 362
图片 363第五章 使用函数
图片 364
图片 3651.声明函数
图片 366
图片 367图片 368<script>图片 369
图片 370function quote()
图片 371图片 372图片 373{ document.write("输出语句")
图片 374}
图片 375</script>
图片 376
图片 3772.调用函数
图片 378
图片 379图片 380<script>图片 381
图片 382function quote()
图片 383图片 384图片 385{ document.write("输出语句")
图片 386}
图片 387quote()
图片 388</script>
图片 389
图片 3903.了解全局变量和局部变量
图片 391
图片 392任何不用 var关键字声明的变量都是全局变量,任何在函数外声明的变量都是全局变量
图片 393
图片 3944.将参数传送给函数
图片 395
图片 396图片 397<script>图片 398
图片 399function f(item)
图片 400图片 401图片 402{document.write("输出参数"+item+"<br>")
图片 403}
图片 404f("fgdfgd")
图片 405f("参数二")
图片 406</script>
图片 407
图片 4085.从函数返回值
图片 409
图片 410图片 411<script>图片 412
图片 413function average(var1,var2,var3)
图片 414图片 415图片 416{ave=(var1+var2+var3)/3;
图片 417document.write("输出结果");
图片 418return ave;
图片 419}
图片 420document.write(average(34,56,78))
图片 421</script>
图片 422
图片 4236.通过HTML链接调用函数
图片 424
图片 425图片 426<script>图片 427
图片 428图片 429function quote()图片 430{
图片 431document.write(" 输出字符串")
图片 432}
图片 433</script>
图片 434<a href=javascript:quote()>通过HTML链接调用函数</a>
图片 435<a href=javascript:Document.write("输出字符")> 通过HTML链接调用函数,直接写javascript语句</a>
图片 436
图片 437第六章 处理事件
图片 438
图片 4391.检查鼠标单击
图片 440
图片 441<form name=form1>
图片 442<input type=button name=button1 value=hello onclick=document.form1.button1.value='there'>
图片 443</form>
图片 444
图片 4452.检测双击
图片 446
图片 447<form name=form1>
图片 448<input type=button name=button1 value=hello onclick=document.form1.button1.value='你单击了按钮' ondblclick=document.form1.button1.value='你双击了该按钮'>
图片 449</form>
图片 450
图片 4513.创建悬停按钮
图片 452
图片 453<img src=go.gif onmouseover=document.images[0].src='go2.gif' onmouseout= document.images[0].src='go.gif'>
图片 454
图片 4554.检测按键
图片 456
图片 457<form name=form1>
图片 458<input type=text name=text1 value=hello onkeypress="if(window.event.keyCode=='100') document.form1.text1.value='你按了d键'">
图片 459</form>
图片 460
图片 4615.设置焦点
图片 462
图片 463<form name=form1>
图片 464<input type=text name=text1 value=hello
图片 465onfous=document.form1.text1.value='该文本框获得焦点'
图片 466onblur=document.form1.text1.value='该文本框失去焦点'>
图片 467</form>
图片 468
图片 4696.检测下拉菜单选择
图片 470
图片 471<form name=form1>
图片 472<select name=select1 size=4
图片 473onChange=document.form1.text1.value=document.form1.select1.value>
图片 474<option value="北京">北京</option>
图片 475<option value="上海">上海</option>
图片 476<option value="武汉">武汉</option>
图片 477<option value="天津">天津</option>
图片 478<option value="大连">大连</option>
图片 479</select>
图片 480<input tppe=text name=text1 value=hello>
图片 481</form>
图片 482
图片 4837.创建网页加载和卸载信息
图片 484
图片 485<body onload=document.form1.text1.value='页面加载完毕' onunload=alert('再见,欢迎再来')>
图片 486<form name=form1>
图片 487<input type=text name=text1 value="页面正在加载 ……">
图片 488</form>
图片 489
图片 490第七章 使用对象
图片 491
图片 4921.理解对象属性和方法
图片 493
图片 494<body bgcolor="green">
图片 495图片 496<script>图片 497
图片 498document.write("页面背景颜色是:"+document.bgColor)
图片 499document.write("页面前景颜色是:"+document.fgColor)
图片 500</script>
图片 501
图片 5022.使用网页元素对象
图片 503
图片 504<script>
图片 505</script>
图片 506<form name=form1>
图片 507<textarea name=ta1>dfgfdgfdhfdhdfdfgdf</textarea>
图片 508<input type=button value="选择文本" onclick=document.form1.ta1.select()>
图片 509<input type=button value="显示文本" onclick=document.write(document.form1.ta1.value)>
图片 510</form>
图片 511
图片 5123.使用子对象
图片 513
图片 514
图片 515<form name=form1>
图片 516<input type=text name=text1 value=hello>
图片 517</form>
图片 518图片 519<script>图片 520
图片 521document.form1.text1.value="gdfgfd"
图片 522</script>
图片 523
图片 524<form name=form1>
图片 525<input type=radio name=radio1>男
图片 526<input type=radio name=radio2>女
图片 527</script>
图片 528图片 529<script>图片 530
图片 531document.form1.radio1.checked=true
图片 532</script>
图片 533
图片 5344.使用预定义对象
图片 535
图片 536图片 537<script>图片 538
图片 539str1="dgdfgdfgdfhf固定法固定法功夫攻打法"
图片 540document.write(str1+"<br>")
图片 541str2=str1.substr(5)
图片 542document.write(str2+"<br>")
图片 543document.write("输出圆的面积:"+Math.PI*Math.pow(5.0,2))
图片 544</script>
图片 545
图片 5465.创建新对象
图片 547
图片 548图片 549<script>图片 550
图片 551today=new Date()
图片 552document.write("今天是"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"<br>")
图片 553document.write("现在是:"+today.toLocaleString())
图片 554</script>
图片 555
图片 5566.引用当前对象
图片 557
图片 558<form name=form1>
图片 559<input type=text name=text1 value="dgdgdfgfd" onclick=this.select()>
图片 560</script>
图片 561
图片 5627.查看对象属性
图片 563
图片 564图片 565<script>图片 566
图片 567for(prop in window)
图片 568图片 569图片 570{document.write("window."+prop+"="+window[prop]+"<br>");}
图片 571for(prop2 in location)
图片 572图片 573图片 574{document.write("location."+prop2+"="+location[prop]+"<br>");}
图片 575</script>
图片 576
图片 5778.使用Array对象
图片 578
图片 579图片 580<script>图片 581
图片 582array=new Array(10)
图片 583array[0]="bark"
图片 584array[1]="apple"
图片 585array[2]="nebula"
图片 586array[3]="cookie"
图片 587array[4]="technology"
图片 588document.write("数组元素个数是"+array.Length+"<br>")
图片 589document.write("用 join将数组合并"+array.join(" ")+"<br>")
图片 590document.write(" 数组排序"+array.sort())
图片 591</script>
图片 592
图片 5939.使用 image 对象
图片 594
图片 595<img src=**.gif alt="图片提示…." border=10>
图片 596图片 597<script>图片 598
图片 599document.write("图片提示是:"+document.images[0].alt+"<br>")
图片 600document.write("图片边框大小是:"+document.images[0].broder)
图片 601</script>
图片 602
图片 60310.预加载图像
图片 604
图片 605图片 606<script>图片 607
图片 608freddy=new Image()
图片 609freddy.src=freddy.gif
图片 610</script>
图片 611<body onload=document.images[0].src=freddy.src>
图片 612,<img src="blank.gif">
图片 613</body>
图片 614
图片 61511.改变图像
图片 616
图片 617<img src=freddy.gif><br>
图片 618<form name=form1>
图片 619<input type=button name=button1 value="改变图像" onclickd=document.images[0].src=dudjp.gif>
图片 620</form>
图片 621
图片 62212.使用link和anchor对象
图片 623
图片 624<a name=anchor1>锚点1<br>
图片 625<a href=;
图片 626<a href=;
图片 627<a href=;
图片 628图片 629<script>图片 630
图片 631document.write("本页面共有"+document.links.length+"链接"+"<br>")
图片 632document.write("本页面共有"+document.anchors.length+"锚点"+"<br>")
图片 633document.write("第一个链接协议是"+document.links[0].protocol+"<br>")
图片 634document.write("第一个链接路径是"+document.links[0].pathnamel+"<br>")
图片 635document.write("第一个链接href是"+document.links[0].hrefl+"<br>")
图片 636</script>
图片 637
图片 63813.改变链接
图片 639
图片 640<a href =;
图片 641<form name=form1>
图片 642<input type=button name=button1 value="改变链接" onclick=document.links[0].href=';
图片 643</form>
图片 644
图片 64514.使用history对象
图片 646
图片 647<form name=form1>
图片 648<input type=button name=button1 value="向后返回2页" onclick=window.history.go(-2)>
图片 649</form>
图片 650
图片 651第八章 使用窗口
图片 652
图片 6531.在浏览器的状态栏上显示文本
图片 654
图片 655<body onload=window.status="欢迎光临我的站点">
图片 656<a href=;
图片 657</body>
图片 658
图片 6592.改变背景色
图片 660
图片 661图片 662<script>图片 663
图片 664document.bgColor="orange"
图片 665</script>
图片 666
图片 6673.列举背景颜色
图片 668
图片 669<body bgColor =green>
图片 670图片 671<script>图片 672
图片 673document.write("当前背景色是:"+document.bgColor)
图片 674</script>
图片 675</body>
图片 676
图片 6774.改变文本和链接颜色
图片 678
图片 679图片 680<script>图片 681
图片 682document.bgColor="orange"
图片 683document.fgColor="blue"
图片 684document.linkColor="red"
图片 685</script>
图片 686<h2>看看这段文本颜色</h2>
图片 687<a href=;
图片 688</body>
图片 689
图片 6905.改变文档标题
图片 691
图片 692图片 693<script>图片 694
图片 695name="Mouse"
图片 696document.title="welcome to "+name+"'s House"
图片 697document.write(document.title)
图片 698</script>
图片 699
图片 7006.显示修改日期
图片 701
图片 702图片 703<script>图片 704
图片 705document.write("本页面最后修改时间是"+document.lastModified)
图片 706</script>
图片 707
图片 7087.查看当前文档的URL
图片 709
图片 710图片 711<script>图片 712
图片 713document.write("本页面的URL:"+document.URL)
图片 714</script>
图片 715
图片 7168.查看引用页
图片 717
图片 718图片 719<script>图片 720
图片 721document.write("本页面的引用页是"+document.referrer)
图片 722</script>
图片 723
图片 7249.打开新的浏览器窗口
图片 725
图片 726图片 727<script>图片 728
图片 729window.open("*.htm","title","width=200,height=400,resizable=yes")
图片 730</script>
图片 731
图片 73210.关闭远程窗口
图片 733
图片 734
图片 735close.html:
图片 736图片 737<script>图片 738
图片 739document.write("正文")
图片 740</script>
图片 741<form name=form1>
图片 742<input type=button name=button1value="关闭" onclick=window.close()>
图片 743</form>
图片 744
图片 745open.html
图片 746图片 747<script>图片 748
图片 749window.open("close.html","romote","width=200,height=400,resizable=yes")
图片 750</script>
图片 751
图片 75211.打印窗口
图片 753
图片 754图片 755<script>图片 756
图片 757document.write("正文")
图片 758</script>
图片 759<form name=form1>
图片 760<input type=button value=打印 onclick=window.print()>
图片 761</form>
图片 762
图片 76312.移动窗口
图片 764
图片 765
图片 766<form name=form1>
图片 767水平方向<input type=text name=x value=20>
图片 768垂直方向<input type=text name=y value=50>
图片 769<input type=button value="移动窗口到…"onclick=window.moveTo(document.form1.x.value,document.form1.y.value)>
图片 770</form>
图片 771
图片 772<form name=form1>
图片 773水平方向<input type=text name=x value=20>
图片 774垂直方向<input type=text name=y value=50>
图片 775<input type=button value="移动窗口"onclick=window.moveBy(document.form1.x.value,document.form1.y.value)>
图片 776</form>
图片 777
图片 778
图片 77913.改变窗口大小
图片 780
图片 781
图片 782<form name=form1>
图片 783水平方向<input type=text name=x value=200>
图片 784垂直方向<input type=text name=y value=500>
图片 785<input type=button value="改变窗口大小到….."onclick=window.resizeTo(document.form1.x.value,document.form1.y.value)>
图片 786</form>
图片 787
图片 788<form name=form1>
图片 789水平方向<input type=text name=x value=200>
图片 790垂直方向<input type=text name=y value=500>
图片 791<input type=button value="改变窗口大小"onclick=window.resizeBy(document.form1.x.value,document.form1.y.value)>
图片 792</form>
图片 793
图片 79414.用警告对话框通知用户
图片 795
图片 796图片 797<script>图片 798
图片 799window.alert("welcome")
图片 800</script>
图片 801
图片 80215.用提示对话框接受输入
图片 803
图片 804图片 805<script>图片 806
图片 807name=window.prompt("输入姓名","姓名")
图片 808document.write(" 欢迎您:"+name+"来到这里")
图片 809</script>
图片 810
图片 81116.用确认对话框使用户做出决定
图片 812
图片 813图片 814<script>图片 815
图片 816like=window.confirm("你觉得好吗?")
图片 817if(like==true)
图片 818document.write("谢谢你的夸奖")
图片 819else
图片 820document.write("希望得到你的夸奖")
图片 821</script>
图片 822
图片 823第九章 使用字符串
图片 824
图片 8251.使用字符串对象
图片 826
图片 827图片 828<script>图片 829
图片 830mystring="gdgdfgfddddaaaaaaaaaaaabbbbbbbbbbbbbbbbbvbhg.<br>"
图片 831document.write(mystring)
图片 832document.write(mystring.bold())
图片 833document.write(mystring.toUpperCase())
图片 834</script>
图片 835
图片 8362.使用子字符串
图片 837
图片 838图片 839<script>图片 840
图片 841str1="fdsf 1111 gfdgfd dfdsf cccc dddd.<br>"
图片 842document.write(str1)
图片 843document.write(str1.substring(0,13)+"<br>")
图片 844document.write(str1.substr (20,11)+"<br>")
图片 845</script>
图片 846
图片 8473.连接字符串
图片 848
图片 849图片 850<script>图片 851
图片 852str1="may you find"
图片 853str2="peace,happiness and prosperity.<br>"
图片 854document.write(str1+"<br>")
图片 855document.write(str2)
图片 856document.write(str1.concat(str2))
图片 857document.write(str1+=str2)
图片 858</script>
图片 859
图片 8604.格式化字符串变量
图片 861
图片 862图片 863<script>图片 864
图片 865str1="peace,happiness and prosperity.<br>"
图片 866document.write(str1)
图片 867document.write(str1.big())
图片 868document.write(str1.small())
图片 869document.write(str1.bold())
图片 870document.write(str1.italics())
图片 871document.write(str1.strike())
图片 872document.write(str1.fontsize(6))
图片 873document.write(str1.fontcolor(green))
图片 874</script>
图片 875
图片 8765.创建锚和链接
图片 877
图片 878图片 879<script>图片 880
图片 881str1="this is the bigginning of the page.<br>"
图片 882str2="….<br>"
图片 883str3="this is the end of the page .<br>"
图片 884str4="link to the start<br>"
图片 885str5="link to the end<br>"
图片 886document.write(str1.anchor("start"))
图片 887for(i=0;i<10;i++)
图片 888document.write(str2);
图片 889document.write(str3.anchor("end"))
图片 890document.write(str4.link("#start"))
图片 891document.write(str5.link("#end"))
图片 892</script>
图片 893
图片 8946.确定字符串长度
图片 895
图片 896图片 897<script>图片 898
图片 899str1="this is the bigginning of the page."
图片 900document.write(str1+"<br>")
图片 901document.write( "字符串的长度是:"+str1.length)
图片 902document.write("字符串全部大写是;"+str1.toUpperCase())
图片 903document.write("字符串全部小写是;"+str1.toLowerCase())
图片 904</script>
图片 905
图片 9067.在字符串内搜索
图片 907
图片 908图片 909<script>图片 910
图片 911str1="this is the end of the line.<br>"
图片 912document.write(str1)
图片 913document.write("字符end在字符串的位置是"+str1.search("end"))
图片 914document.write("字符dog在字符串的位置是"+str1.search("dog"))
图片 915</script>
图片 916
图片 9178.定位字符串中的字符
图片 918
图片 919图片 920<script>图片 921
图片 922str1="spring is a time for flowers and trees and baby bunnles<br>"
图片 923document.write(str1)
图片 924document.write("the index for the second word ‘and' is"+str1.indexOf("and",30))
图片 925documednt.write("the last index of the word ‘and' is "+str1.lastIndexOf("and"))
图片 926</script>
图片 927
图片 9289.替换字符串中的文本
图片 929
图片 930图片 931<script>图片 932
图片 933str1="spring is a time for flowers and trees and baby bunnles<br>"
图片 934document.write(str1)
图片 935document .write(str1.replace("and",","))
图片 936</script>
图片 937
图片 93810.字符串分离
图片 939
图片 940图片 941<script>图片 942
图片 943str1="spring is a time for flowers and trees and baby bunnles<br>"
图片 944document.write(str1)
图片 945str1array=str1.split(" ")
图片 946document.write(str1array[0]+"<br>")
图片 947document.write(str1array[1]+"<br>")
图片 948document.write(str1array[2]+"<br>")
图片 949document.write(str1array[3]+"<br>")
图片 950</script>
图片 951
图片 952第十章 使用日期和时间
图片 953
图片 9541.使用Date对象
图片 955
图片 956图片 957<script>图片 958
图片 959cdate=new Date("august 2,1989 12:30:00")
图片 960document.write(cdate)
图片 961</script>
图片 962
图片 9632.显示当地时间和日期
图片 964
图片 965图片 966<script>图片 967
图片 968cdate=new Date()
图片 969document.write("当前时间是:"+cdate.toGMTString()+"<br>")
图片 970document.write("日期和时间是:"+cdate.toLocaleString())
图片 971</script>
图片 972
图片 9733.获得时间和日期值
图片 974
图片 975图片 976<script>图片 977
图片 978cdate=new Date()
图片 979document.write("显示当前的星期"+cdate.getDay()+"<br>")
图片 980document.write("显示当前的月份"+cdate.getMonth()+"<br>")
图片 981document.write("显示当前的日期"+cdate.getDay()+"<br>")
图片 982document.write("显示当前的年份"+cdate.getYear()+"<br>")
图片 983document.write("显示当前的小时"+cdate.getHours()+"<br>")
图片 984document.write("显示当前的分钟"+cdate.getMinutes()+"<br>")
图片 985document.write("显示当前的秒"+cdate.getSeconds()+"<br>")
图片 986</script>
图片 987
图片 9884.设置时间和日期值
图片 989
图片 990图片 991<script language=javascript>图片 992
图片 993cdate=new Date("December 25,1984")
图片 994document.write("显示日期"+cdate+"<br>")
图片 995document.write("设置月份"+cdate.setMonth(10)+"<br>")
图片 996document.write("设置日期"+cdate.setDate(23)+"<br>")
图片 997document.write("设置年份"+cdate.setYear(2000)+"<br>")
图片 998document.write("设置小时"+cdate.setHours(13)+"<br>");
图片 999document.write("设置分钟"+cdate.setMinutes(47)+"<br>");
图片 1000document.write("设置秒"+cdate.setSeconds(23)+"<br>");
图片 1001document.write("显示设置后的日期和时间"+cdate);
图片 1002</script>
图片 1003
图片 1004第十一章 使用Math对象
图片 1005
图片 10061. 使用Math对象
图片 1007
图片 1008<script language=javascript>
图片 1009</script>
图片 1010<form name=form1>
图片 1011圆的半径:<input type=text name=rad><br>
图片 1012圆的面积:<input type=text name=area><br>
图片 1013<input type=button name=button1 value=计算圆的面积 onclick=document.form1.area.value=document.form1.rad.value*document.
图片 1014form1.rad.value*Math.PI>
图片 1015</form>
图片 1016
图片 10172.生成随机数
图片 1018
图片 1019图片 1020<script>图片 1021
图片 1022array1=new Array(
图片 1023"这是第1句",
图片 1024"这是第2句",
图片 1025"这是第3句",
图片 1026"这是第4句",
图片 1027"这是第5句",
图片 1028"这是第6句")
图片 1029RandomNo=Math.floor(array1.length*Math.random())
图片 1030document.write("随机输出某一句"+"<br>"+array1[RandomNo])
图片 1031</script>
图片 1032
图片 10333.使用平方根
图片 1034
图片 1035<form name=form1>
图片 1036value:<input type=text name=va1><br>
图片 1037平方根<input type=text name=sqrt><br>
图片 1038<input type=button name=button1 value=计算平方根
图片 1039onclick="document.form1.sqrt.value=Math.sqrt(document.form1.va1.value)">
图片 1040</form>
图片 1041
图片 10424.数字的舍入
图片 1043
图片 1044<form name=form1>
图片 1045输入<input type=text name=val><br>
图片 1046舍入的结果<input type=text name=round><br>
图片 1047<input type=button name=button1 value=计算结果 onclick=document.form1.round.value=Math.round(document.form1.val.value)>
图片 1048</form>
图片 1049
图片 10505.乘方运算
图片 1051
图片 1052<form name=form1>
图片 1053底数<input type=text name=val><br>
图片 1054指数<input type=text name=power><br>
图片 1055幂<input type=text name=result><br>
图片 1056<input type=button name=button1 value=计算结果 onclick="document.form1.result.value=Math.pow (document.form1.val.value,document.form1.power.value)">
图片 1057</form>
图片 1058
图片 10596.发现最小值和最大值
图片 1060
图片 1061<form name=form1>
图片 1062数字1<input type=text name=val1><br>
图片 1063数字2<input type=text name=val2><br>
图片 1064最小值<input type=text name=min><br>
图片 1065最大值<input type=text name=max><br>
图片 1066数字1<input type=button value=计算 onclick="document.form1.min.value=Math.min (document.form1.val1.value,document.form1.val2.value);document.form1.
图片 1067max.value= Math.max(document.form1.val1.value,document.form1.val2.value)">
图片 1068</form>
图片 1069
图片 1070第十二章 使用表单
图片 1071
图片 10721.使用文本框
图片 1073
图片 1074
图片 1075<form name=form1>
图片 1076<input type=text value="information ,please"name=text1>
图片 1077</form>
图片 1078图片 1079<script>图片 1080
图片 1081document.write("表单text1类型是: "+document.form1.text1.type+"<br>")
图片 1082document.write("表单text1名称是: "+document.form1.text1.name+"<br>")
图片 1083document.write("表单text1值是: "+document.form1.text1.value+"<br>")
图片 1084document.write("表单text1大小是: "+document.form1.text1.size+"<br>")
图片 1085</script>
图片 1086
图片 1087<form name=form1>
图片 1088<input type=text name=text1 value=click here
图片 1089onfocus=document.form1.text1.select()>
图片 1090</form>
图片 1091
图片 10922.使用密码框
图片 1093
图片 1094<form name=form1>
图片 1095<input type=password name=pw1 value=daylight>
图片 1096</form>
图片 1097图片 1098<script>图片 1099
图片 1100document.write("表单pw1的类型:"+document.form1.pw1.type+"<br>")
图片 1101document.write("表单pw1的名称:"+document.form1.pw1.name+"<br>")
图片 1102document.write("表单pw1的值:"+document.form1.pw1.value+"<br>")
图片 1103document.write("表单pw1的大小:"+document.form1.pw1.size+"<br>")
图片 1104</script>
图片 1105
图片 11063.使用隐藏字段
图片 1107
图片 1108<form name=form1>
图片 1109<input type=hidden name=hid1 value=piece of eight>
图片 1110</form>
图片 1111图片 1112<script>图片 1113
图片 1114document.write("表单hid1的类型:"+document.form1.hid1.type+"<br>")
图片 1115document.write("表单hid1的名称:"+document.form1.hid1.name+"<br>")
图片 1116document.write("表单hid1的值:"+document.form1.hid1.value+"<br>")
图片 1117</script>
图片 1118
图片 11194.使用文本区域框
图片 1120
图片 1121
图片 1122<form name=form1>
图片 1123<textarea name=ta1>how many grains of sand are there in the sahara desert?</textarea>
图片 1124</form>
图片 1125图片 1126<script>图片 1127
图片 1128document.write("表单ta1的类型:"+document.form1.ta1.type+"<br>")
图片 1129document.write("表单ta1的名称:"+document.form1.ta1.name+"<br>")
图片 1130document.write("表单ta1的值:"+document.form1.ta1.value+"<br>")
图片 1131document.write("表单ta1的横向宽度:"+document.form1.ta1.cols+"<br>")
图片 1132document.write("表单ta1的纵向宽度:"+document.form1.rows.value+"<br>")
图片 1133</script>
图片 1134
图片 11356.使用重置按钮
图片 1136
图片 1137<form name=form1>
图片 1138<input type=reset name=reset1 value="rest form">
图片 1139</form>
图片 1140图片 1141<script>图片 1142
图片 1143document.write("表单reset1的类型:"+document.form1.reset1.type+"<br>")
图片 1144document.write("表单reset1的名称:"+document.form1.reset1.name+"<br>")
图片 1145document.write("表单reset1的值:"+document.form1.reset1.value+"<br>")
图片 1146</script>
图片 1147
图片 11487.使用提交按钮
图片 1149
图片 1150<form name=form1>
图片 1151<input type=submit name=submit1 value="submit form">
图片 1152</form>
图片 1153图片 1154<script>图片 1155
图片 1156document.write("表单submit1的类型:"+document.form1.submit1.type+"<br>")
图片 1157document.write("表单submit1的名称:"+document.form1.submit1.name+"<br>")
图片 1158document.write("表单submit1的值:"+document.form1.submit1.value+"<br>")
图片 1159</script>
图片 1160
图片 11618.使用复选按钮
图片 1162
图片 1163<form name=form1>
图片 1164<input type=checkbox name=cb1 >computer savvy?
图片 1165</form>
图片 1166图片 1167<script>图片 1168
图片 1169document.write("表单cb1的类型:"+document.form1.cb1.type+"<br>")
图片 1170document.write("表单cb1是否被选择?:"+document.form1.cb1.checked+"<br>")
图片 1171document.write("表单cb1的名称:"+document.form1.cb1.name+"<br>")
图片 1172</script>
图片 1173
图片 11749.使用单选按钮
图片 1175
图片 1176<form name=form1>
图片 1177<input type=radio name=radio1>male
图片 1178<input type=radio name=radio1>female
图片 1179</form>
图片 1180图片 1181<script>图片 1182
图片 1183document.write("第一个按钮被选择"+document.form1.radio1[0].checked+"<br>")
图片 1184document.write("第二个按钮被选择"+document.form1.radio1[1].checked+"<br>")
图片 1185document.write("按钮的名称"+ document.form1.radio1[0].name+"<br>")
图片 1186document.write("按钮的个数"+document.form1.radio1.length)
图片 1187</script>
图片 1188
图片 118910.使用选择列表
图片 1190
图片 1191<form name=form1>
图片 1192<select name=select1 size=4>
图片 1193<option name=option1 value=lon>london,England</option>
图片 1194<option name=option2 value=dub>Dublin,Ireland</option>
图片 1195</select>
图片 1196</form>
图片 1197图片 1198<script>图片 1199
图片 1200document.write("这个选择列表的名称"+document.form1.select1.name+"<br>")
图片 1201document.write("这个选择列表的长度"+document.form1.select1.length+"<br>")
图片 1202document.write("这个选择列表当前被选择的索引号"+document.form1.select1.selectedIndex+"<br>")
图片 1203document.write("这个选择列表的尺寸"+document.form1.select1.size+"<br>")
图片 1204</script>
图片 1205
图片 120611.验证表单的有效性
图片 1207
图片 1208图片 1209<script>图片 1210
图片 1211图片 1212function validate()图片 1213{
图片 1214图片 1215if(document.form1.text1.value!='1'||'2'||'3'||'4')图片 1216{
图片 1217alert("请输入1~4的整数")
图片 1218}
图片 1219}
图片 1220</script>
图片 1221<form name=form1>
图片 1222请输入1~4的整数:
图片 1223<input type=text name=text1 size=4 onchange=validate()>
图片 1224</form>
图片 1225
图片 122612.控制表单焦点
图片 1227
图片 1228<form name=form1>
图片 1229<input type=text name=text1 value=where is you focus?><br>
图片 1230<input type=text name=text2 value=is there?><br>
图片 1231<input type=text name=text3 value=or maybe here?><br>
图片 1232<input type=button name=button1 value="text box #1" onclick=document.form1.text1.focus()><br>
图片 1233<input type=button name=button2 value="text box #2" onclick=document.form1.text2.focus()><br>
图片 1234<input type=button name=button3 value="text box #3" onclick=document.form1.text3.focus()><br>
图片 1235</form>
图片 1236
图片 1237第十三章 使用分栏
图片 1238
图片 1239第十四章 使用navigator
图片 1240
图片 12411.使用navigator对象
图片 1242
图片 1243图片 1244<script>图片 1245
图片 1246document.write("navigator对象的属性"+"<br>")
图片 1247document.write("appcodename:"+navigator.appCodeName+"<br>")
图片 1248document.write("appname::"+navigator.appName+"<br>")
图片 1249document.write("appversion:"+navigator.appVersion+"<br>")
图片 1250document.write("platform:"+navigator.platform+"<br>")
图片 1251document.write("userAgent:"+navigator.userAgent+"<br>")
图片 1252</script>
图片 1253图片 1254<script>图片 1255
图片 1256document.write("navigator对象的方法"+"<br>")
图片 1257document.write("javaEnabled():"+navigator.javaEnabled())
图片 1258</script>
图片 1259
图片 12602.检查用户的浏览器
图片 1261
图片 1262图片 1263<script>图片 1264
图片 1265图片 1266if(navigator.appName.indexOf("Microsoft")!=-1)图片 1267{
图片 1268document.write("用户浏览器是微软的IE浏览器"+"<br>")}
图片 1269图片 1270else if(navigator.appName.indexOf("Netscape")!=-1)图片 1271{
图片 1272document.write("用户浏览器是netscape的netscape浏览器"+"<br>")}
图片 1273图片 1274if(navigator.appVersion.indexOf("4.0")!=-1)图片 1275{
图片 1276document.write("you are using a version 4.0compatible browser")
图片 1277}
图片 1278图片 1279else图片 1280{
图片 1281document.write("this browser is not 4.0 compliant")}
图片 1282</script>
图片 1283
图片 12843.检测用户的操作系统
图片 1285
图片 1286图片 1287<script>图片 1288
图片 1289图片 1290if (navigator.platform.indexOf("win32")!=-1)图片 1291{
图片 1292document.write("you are using a computer running windows 95 or highter")}
图片 1293图片 1294else图片 1295{
图片 1296document.write("this computer is not running windows 95 or higher")}
图片 1297</script>
图片 1298
图片 12994.使用location对象
图片 1300
图片 1301
图片 1302图片 1303<script>图片 1304
图片 1305document.write("location对象的属性"+"<br>")
图片 1306document.write("hash"+location.hash+"<br>")
图片 1307document.write("hostname"+location.hostname+"<br>")
图片 1308document.write("host"+location.host+"<br>")
图片 1309document.write("href"+location.href+"<br>")
图片 1310document.write("port"+location.port+"<br>")
图片 1311document.write("search"+location.search+"<br>")
图片 1312</script>
图片 1313
图片 1314重新加载网页
图片 1315<form name=form1>
图片 1316<input type=button name=button1 value=重新加载本页 onclick=location.reload>
图片 1317</form>
图片 1318
图片 1319
图片 13205.使用cookie
图片 1321
图片 1322
图片 1323图片 1324<script>图片 1325
图片 1326图片 1327finction makecookie()图片 1328{
图片 1329图片 1330if(!document.cookie)图片 1331{
图片 1332name=prompt("请输入你的姓名");
图片 1333document.cookie="name="+name+";";}
图片 1334}
图片 1335</script>
图片 1336
图片 1337<body onload=makecookie()>
图片 1338图片 1339<script>图片 1340
图片 1341图片 1342function makecookie()图片 1343{
图片 1344图片 1345if(!document.cookie)图片 1346{
图片 1347name=prompt("请输入你的姓名")
图片 1348document.cookie="name="+name+";";
图片 1349namestart=document.cookie.indexOf("="); 
图片 1350nameend=document.cookieindexOf(";");
图片 1351document.writeln("your name is:"+document.cookie.substring(namestart+1,nameend)+",br>")
图片 1352}
图片 1353}
图片 1354</script>
图片 1355

[javascript]  

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

var txt="Hello World!"  

  

document.write("<p>Big: " + txt.big() + "</p>")  

document.write("<p>Small: " + txt.small() + "</p>")  

  

document.write("<p>Bold: " + txt.bold() + "</p>")  

document.write("<p>Italic: " + txt.italics() + "</p>")  

  

document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")  

document.write("<p>Fixed: " + txt.fixed() + "</p>")  

document.write("<p>Strike: " + txt.strike() + "</p>")  

  

document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")  

document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")  

  

document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")  

document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")  

  

document.write("<p>Subscript: " + txt.sub() + "</p>")  

document.write("<p>Superscript: " + txt.sup() + "</p>")  

  

document.write("<p>Link: " + txt.link("../default.htm") + "</p>")  

[javascript]  

var str="Visit Microsoft!"  

document.write(str.replace(/Microsoft/,"W3School"))  

[javascript]  

document.write(Math.abs(7.25) + "<br />")  

document.write(Math.abs(-7.25))  

  

document.write(Math.round(0.49) + "<br />")  

document.write(Math.round(-4.40) + "<br />")  

  

document.write(Math.ceil(5.1) + "<br />")  

document.write(Math.floor(5.1) + "<br />")  

  

document.write(Math.min(-3,-5) + "<br />")  

document.write(Math.pow(2,3) + "<br />")  

document.write(Math.sqrt(0.64) + "<br />")  

document.write("PI: " + Math.PI);  

 

] var txt=Hello World! document.write(pBig: + txt.big() + /p) document.write(pSmall: + txt.small() + /p) document.write(pBold: + txt.bold() + /p) document.write(pItalic:...

本文由10bet手机官网发布于微服架构,转载请注明出处:显示最后更新时间,事半功倍系列之javascript

上一篇:时间特效,js倒计时汇总 下一篇:时分秒显示的石英表
猜你喜欢
热门排行
精彩图文