JavaScript能力和不及之处缺点
1、JavaScript不能在Client的硬盘读出或写进档案(除了Cookies)
2、JavaScript不能保密,可以看到原始码。
3、没有server-side程序,不能在server开启档案或放下可记录的数据,唯一可与外界联络的方法是以Email的方式送出数据。
一句话,JavaScript是纯粹的浏览器软件。
*JavaScript是一个对象为本的语言
它可以操作
object.proprety
object.method
如:
document.bgColor=yellow
document.write("Hello,everybody")
* 条件及event driven
1、网页中顺序执行
2、if...else...
3、使用按钮
*在网页嵌入JavaScript的方式
在任何地方都可以插入js代码,如果是函数,则插在<head></head>之间
**隐藏不能执行的js句子
<script>
<!--
document.write("Nice to meet you all.")
//-->
</script>
**外部JavaScript
<script src="external.js">
1.6 JavaScript的批注
1. //
2. /* ...... */
* 打开子窗口
打开msgWin=window.open("test.html","W1");
关闭msgWin.close();
menubar=yes/no 或 1/0 功能列
toolbar 工具列
location 地址列
directories 预设连接按钮列
status 状态列
scrollbars 滚动条
resizable 窗口是否可以改变
width 宽
height 高
2.3 将数据写进子窗口
adwin=window.open("","extrwin");
adwin.document.open();
adwin.document.write("this is a page");
adwin.document.close();
2.4 父窗口的预设识别名称:opener
<script language="javascript">
adwin=window.open("","extrwin");
with(adwin.document)
{
open();
write("<html><body><button ");
write("onClick=\'window.opener.document.bgColor=\"yellow\"\'>");//子窗口控制父窗口
write("改变 </button></body></html>");
close();
}
</script>
<input name="btnColor" type="button" onClick="adwin.document.bgColor='red'" value="改变子窗口的颜色" />
2.5 如何造出按钮
1.利用<form> 内的type=button
<form>
<input type="button" name="buttonA" value="我是按钮A" onClick="alert('I am button A')">
</form>
2. 使用<button>标签
<button onClick="alert('the button has pressed');">请按一下</button>
2.6 利用按钮开启及关闭窗口
<input name="btnOpen" type="button" onClick="msg=window.open('test.html','xxx');" value="打开子窗口" />
<input name="btnClose" type="button" onClick="msg.close();" value="关闭子窗口" />
2.7 窗口移位:moveTo()及moveBy()
1. moveTo(x,y)可以将子窗口的左上角移到屏幕x图点及y图点的位置
2. moveBy(x,y)是将窗口的左上角放在指定位置
2.8 调校窗口大小:resizeTo(x,y) resizeBy(x,y)
2.9 其他window Method
1. window.history.back()下一页
2. window.history.forwark()下一页
3. window.stop() 停止
4. window.scrollTo(x,y)是将显示画页指定转去整个网页中x的水平位和y的垂直位置
5. window.print()网页打印
6. window.setTimeout()是用来设定一个时段,这时段满了就会使浏览器执行一个method
7. window.focus() 是用来鼠标指针放在网页的范围。
2.10 隐藏及不能关闭的窗口
用一个名为behind.html,这网页在onload()网页开启时,用resizeTo(0,0)将窗口缩小,用moveTo(2000,2000)将窗口移出屏幕以外,这
窗口就看不见了,再利用onreSize和onMove来维持这隐藏状态,最后利用onUnload来在关闭网页时重新开启
2.11 window的status property
<input name="btnStatus" type="button" onClick="window.status='我是一个好人'" value="窗口状态栏" />
也可以用onMouseover
2.12 window的screen Object
screen.height 屏幕由上到下的图点数目
screen.width 屏幕由左到右的图点数目
screen.availHeight 屏幕由上到下可给浏览器使用的图点数目
screen.availwidth 屏幕由左到右可给浏览器使用的图点数目
screen.colorDepth 屏幕可使用的颜色数目,单位是位
screen.pixelDepth 每个图点的位数目
2.13 location object
1. 使用window.location="URL"
<input name="btnLocation" type="button" onClick="msg.location='http://www.163.com'" value="子窗口重定向" />
2. location 的 property
location.protocol 网页传送的方式
location.host 服务器的名称
location.pathname 网页的目录位置及文件名称
location.hash 是网页内书签的名称
3. window.location 的 reload() 及 replace()
reload()刷新
replace()代替