js基础知识相关学习笔记记录
;http://my.oschina.net/u/947963/blog;
五、 Confirm方法例子：让用户选择是否进入下一页。
用confirm显示选择对话框，按“确定”进入next.htm，按“取消”不进入。
<html>
<body>
<script language="JavaScript">
if(confirm("你想进入下一页吗？"))
location="next.htm"
</script>
</body>
</html>
六、Prompt方法例子：让用户输入姓名，并将它显示出来。
用prompt显示输入对话框，让用户输入姓名，再用alert对话框显示出来。
<html>
<body>
<script language="JavaScript">
var name
name=prompt("请输入姓名","张国强")
alert("你好，"+name)
</script>
</body>
</html>
七、Window对象方法例子
当打开网页时，立即打开另一窗口，显示test.htm。
<html>
<body onload="javascript:window.open('test.htm')">
</body>
</html>
八、History对象的属性和方法
History对象只有一个length属性，它表示历史对象中的链接的数目。
History对象有以下方法：
● back：在浏览器中显示上一页。
● forward：在浏览器中显示上下页。
● go(int)：在浏览器中载入从当前算起的第int个页面。
九、History例子：具有“上一页”、“下一页”按钮的页面。
<html>
<body>
<form>
<input type="button" value="上一页" onClick="history.back()">
<input type="button" value="下一页" onClick="history.forward()">
</body>
</html>
十、Document对象的属性和方法
Document对象有以下属性：
● alinkColor：活动链接颜色。
● linkColor：链接颜色。
● vlinkColor：已访问过的链接颜色。
● anchors：页内链接。
● bgColor：背景颜色。
● fgColor：前景颜色。
● cookie：“小甜饼“。
● forms：表单元素。
● lastModified：文档最后修改的时间。
● links：超链接。
● location：当前文档的URL。
● referer：在用户跟随链接移动时，包含主文档的URL字符串值。
● title：文档标题。
Document对象有四个方法：
● write：向文档输出。
● open：打开文档。
● close：关闭文档。
● clear：清除打开文档的内容。
十一、Document例子：将当前窗口的背景色设为绿色。
使用document.bgColor属性设定背景色。
<html>
<body>
<script language="JavaScript">
top.document.bgColor="green"
</script>
</body>
</html>
十二、Document例子：在当前窗口中以白前景色和绿背景色显示文字。
使用document.bgColor属性设定背景色。使用document.fgColor属性设定前景色。使用document.write方法显示文字。
<html>
<body>
<script language="JavaScript">
top.document.bgColor="green"
top.document.fgColor="white"
top.document.write("<h1>绿底白字</h1>")
</script>
</body>
</html>
十三、Document 例子：在窗口标题中显示文字
<html>
<body>
<script language="JavaScript">
top.document.title="这上标题"
</script>
</body>
</html>
十四、Document例子：显示文件最后修改日期
当鼠标移动到表格上时，表格背景色改变！
<html>
<body>
网页内容的最后修改日期：
<script language="JavaScript">
document.write(document.lastModified);
</script>
</body>
</html>
注意：JavaScript 本身是会区分大小写的，lastmodified 与 lastModified 在它看来是不同的结果。
JavaScript应用实例
一、 Window对象例子1：打开一个新窗口
当打开这个网页时，利用 onload 事件，将首先自动打开一个窗口，并显示另一个文件box.hml。
<html>
<head>
<script language="JavaScript">
function openWindow(theURL,features)
{ window.open(theURL,"winName",features);}
</script>
</head>
<body onload="openWindow('box.htm','width=550,height=100')">
</body>
</html>
二、 Window对象例子2：打开一个新窗口
当单击超链接时，利用链接指向的函数，将首先自动打开一个窗口，并显示另一个文件box.hml。
<html>
<head>
<script language="JavaScript">
function openWindow2(theURL,widths,heights)
{ window.open(theURL,"winName","width=" & widths & "," & "height=" &
heights);}
</script>
</head>
<body>
<a href="javascript:openWindow2('box.htm','550','300')">单击这打开新窗口</a>
</body>
</html>
;厦门发票http://www.fpshamen.com/;
三、 Window对象例子3：在一个新窗口中显示内容
打开一个新窗口，该窗口无工具栏，无地址栏，无导航条，无状态栏，无菜单、有滚动条，不能改变大小。窗口宽660，高480。
<html>
<script language="javascript">
function callpage(htmlurl){
var newwin=window.open
(htmlurl,"newWin","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
resizable=no,top=2,left=2,width=660,height=480");return false;}
</script>
<body>
<a href="新闻.htm" onClick="return callpage(this.href);">新闻简报</a>
</body>
</html>
四、产生一个新窗口并显示信息
<html>
<head>
<script language="JavaScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.document.write("<HEAD><TITLE>你好!</TITLE></HEAD>");
msg.document.write("<CENTER><h2>这是JavaScript产生的新窗口!</h2></CENTER>");
}
</script>
</head>
<body>
<form>
<input type="button" name="Button1" value="单击" onclick="WinOpen()">
</form>
</body>
</html>
五、产生随机数
<html>
<head>
<script language="JavaScript">
function RandomNumber() {
today = new Date();
num = Math.abs(Math.sin(today.getTime()));
return num;
}
</script>
</head>
<body>
<script language="JavaScript">
document.write("这是一个随机数:", RandomNumber());
</script>
</body>
</html>
做法是以上一个例中的时间函数，它会产生一个很大的数，利用这个数再做正弦函数（sin） 的运算， 得到的数再做绝对值的运算，结果可以得到一个介于 0 与 1
间的数。（时间的变化单位是毫秒。）
六．onMouseOver、onMouseOut事件例子，当鼠标移动到表格上时，表格背景色改变！
<html>
<body>
<script language="javascript">
function mOvr(obj,clrOver) {
if (!obj.contains(event.fromElement)) {
obj.bgColor = clrOver; }}
function mOut(obj,clrIn) {
if (!obj.contains(event.toElement)) {
obj.bgColor = clrIn; }}
</script>
<p align="center">当鼠标移动到表格上时，表格背景色改变！ </p>
<table border="1">
<tr>
<td onmouseout="mOut(this,'#00ffff');"
onmouseover="mOvr(this,'#ff0000');">这是一个表格</td>
</tr>
</table>
</body>
</html>
this是Javascript的一个关键字，代表当前的对象，可以在对象方法中来引用。
