第 5 页 事半功倍之Javascript [5]

转载 2007年09月14日 11:36:00

第八章 使用窗口

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.关闭远程窗口

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.改变窗口大小

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>

 

<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>

 

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> 

相关文章推荐

让Web开发事半功倍的10款HTML5工具

HTML(Hyper Text Mark-up Language)即超文本标记语言,自万维网初创之日起,它就已经成为满意度很高的公共语言。在过去的两年里,HTML5在性能上得到了很大的提升和改进,当仁...

ASP输出JSON,jQuery.get异步请求,HTML5本地存储,JavaScript分页显示

以英语九百句English.mdb数据库为例。 English.asp:连接数据库、读取记录集、输出JSON格式数据 ...

事半功倍系列之javascript

  • 2008年10月23日 14:14
  • 27KB
  • 下载

《事半功倍系列 javascript》代码

《事半功倍系列 javascript》代码
  • Yaroo
  • Yaroo
  • 2016年08月12日 22:16
  • 334

事半功倍之Javascript

  • 2008年08月26日 10:05
  • 27KB
  • 下载

最火HTML5 JavaScript游戏引擎:国外篇(一)

http://www.csdn.net/article/2014-04-02/2819103-best-html5-and-javascript-game-engines/1

使用HTML5+CSS3+JavaScript制作网页游戏的流程

这几天学习网页前端每天都有所收获,下面来分享一下用H5C3+JS开发网页小游戏的流程,供大家学习、参考,也为了是自己在以后的日子里不会忘记。 所谓玩游戏,实际上是另一种形式的人机交互,是人机交...

可直接用于React Native开发各种加密标准的JavaScript库(MD5,AES,DES,SHA...)

尊重版权,未经授权不得转载 本文来自brix  文章来自江清清的技术专栏(http://www.lcode.org) 项目库地址:https://github.com/brix/crypt...

JavaScript学习--Item5 全局变量

1、尽量少用全局对象全局变量的问题在于,你的JavaScript应用程序和web页面上的所有代码都共享了这些全局变量,他们住在同一个全局命名空间,所以当程序的两个不同部分定义同名但不同作用的全局变量的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第 5 页 事半功倍之Javascript [5]
举报原因:
原因补充:

(最多只允许输入30个字)