事半功倍之Javascript(3)

2008-02-23 08:00:08来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

第八章 使用窗口

1.在浏览器的状态栏上显示文本

<body onload=window.status="欢迎光临我的站点">
<a href=http://www.sohu.com>sohu</a>
</body>

2.改变背景色

<script>
document.bgColor="orange"
</script>

3.列举背景颜色

<body bgColor =green>
<script>
document.write("当前背景色是:" document.bgColor)
</script>
</body>

4.改变文本和链接颜色

<script>
document.bgColor="orange"
document.fgColor="blue"
document.linkColor="red"
</script>
<h2>看看这段文本颜色</h2>
<a href=http://www.sohu.com>sohu</a>
</body>

5.改变文档标题

<script>
name="Mouse"
document.title="welcome to " name "'s House"
document.write(document.title)
</script>

6.显示修改日期

<script>
document.write("本页面最后修改时间是" document.lastModified)
</script>

7.查看当前文档的URL

<script>
document.write("本页面的URL:" document.URL)
</script>

8.查看引用页

<script>
document.write("本页面的引用页是" document.referrer)
</script>

9.打开新的浏览器窗口

<script>
window.open("*.htm","title","width=200,height=400,resizable=yes")
</script>

10.关闭远程窗口

close.html:
<script>
document.write("正文")
</script>
<form name=form1>
<input type=button name=button1value="关闭" onclick=window.close()>
</form>

open.html
<script>
window.open("close.html","romote","width=200,height=400,resizable=yes")
</script>

11.打印窗口

<script>
document.write("正文")
</script>
<form name=form1>
<input type=button value=打印 onclick=window.print()>
</form>

12.移动窗口

<form name=form1>
水平方向<input type=text name=x value=20>
垂直方向<input type=text name=y value=50>
<input type=button value="移动窗口到…"onclick=window.moveTo(document.form1.x.value,document.form1.y.value)>
</form>

<form name=form1>
水平方向<input type=text name=x value=20>
垂直方向<input type=text name=y value=50>
<input type=button value="移动窗口"onclick=window.moveBy(document.form1.x.value,document.form1.y.value)>
</form>

13.改变窗口大小

<form name=form1>
水平方向<input type=text name=x value=200>
垂直方向<input type=text name=y value=500>
<input type=button value="改变窗口大小到….."onclick=window.resizeTo(document.form1.x.value,document.form1.y.value)>
</form>

<form name=form1>
水平方向<input type=text name=x value=200>
垂直方向<input type=text name=y value=500>
<input type=button value="改变窗口大小"onclick=window.resizeBy(document.form1.x.value,document.form1.y.value)>
</form>

14.用警告对话框通知用户

<script>
window.alert("welcome")
</script>

15.用提示对话框接受输入

<script>
name=window.prompt("输入姓名","姓名")
document.write(" 欢迎您:" name "来到这里")
</script>

16.用确认对话框使用户做出决定

<script>
like=window.confirm("你觉得好吗?")
if(like==true)
document.write("谢谢你的夸奖")
else
document.write("希望得到你的夸奖")
</script>

第九章 使用字符串

1.使用字符串对象

<script>
mystring="gdgdfgfddddaaaaaaaaaaaabbbbbbbbbbbbbbbbbvbhg.<br>"
document.write(mystring)
document.write(mystring.bold())
document.write(mystring.toUpperCase())
</script>

2.使用子字符串

<script>
str1="fdsf 1111 gfdgfd dfdsf cccc dddd.<br>"
document.write(str1)
document.write(str1.substring(0,13) "<br>")
document.write(str1.substr (20,11) "<br>")
</script>

3.连接字符串

<script>
str1="may you find"
str2="peace,happiness and prosperity.<br>"
document.write(str1 "<br>")
document.write(str2)
document.write(str1.concat(str2))
document.write(str1 =str2)
</script>

4.格式化字符串变量

<script>
str1="peace,happiness and prosperity.<br>"
document.write(str1)
document.write(str1.big())
document.write(str1.small())
document.write(str1.bold())

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:事半功倍之Javascript(2)

下一篇:事半功倍之Javascript(4)