JavaScript学习三 window，document对象

window对象

在浏览器中，所有对象的根是window对象:

（1）window.status 作用：改变浏览器最下边状态栏

（2） var newWindow =window.open("index.html", "window1") 打开新的页面

（3） newWindow.focus() newWindow窗口获得焦点

（4） window.showModalDialog("index.html"); //打开的对话框也可以有返回值的呦

（5）var a = window.confirm("确定吗") //确认对话框是由返回值的
alert(a)

document对象

在浏览器中与用户进行数据交换都是通过客户端的JavaScript代码来实现的而完成这些交互工作大多数是document 对象
及其部件进行的

（1） document.bgColor +=0X000008; 改变当前的背景色

（2） window.location.hash=界面组件的name 可以跳转到那个组件处

（3）在js代码中获得cookie，也可通过document.cookie="字符串"="xxx"的形式为其简单赋值：

<span style="font-size:14px;">function GetCookie (name)
{
   var result = null;
   var myCookie = " " + document.cookie + ";";
   var searchName = " " + name + "=";
   var startOfCookie = myCookie.indexOf(searchName);
   var endOfCookie;
   if (startOfCookie != -1)
{
    startOfCookie += searchName.length; // skip past cookie name
    endOfCookie = myCookie.indexOf(";", startOfCookie);
    result = unescape(myCookie.substring(startOfCookie, endOfCookie));
 }
    return result;
}</span>

（4）实现图片改变的特效（注意下面的images[]数组，在浏览器中，所有同层的相同组件是一个数组，前提是在document.）:

var LeftDownImg = new Image(16,16) //创建图片对象
LeftDownImg.src = "LeftDown.gif" //为其赋值

var imgFile = eval("LeftDownImg.src")//取得图片对象
document.images[left].src = imgFile//left为图片的名字

（5）表单form(获得页面中的表单)：

document.forms[0].组件的名字.要获取的属性

（6）document.getSelection() 可以获得当前被选中高亮的文本

文本属性:

（1）组件.defaultValue 可以获得当前组件的默认value值

（2）js中name属性很重要，可以区分不同的控件

（3） select()和focuse()混用：

<span style="font-size:14px;">function isNum(inputStr)
{
for(var I=0; I<inputStr.length; I++)
{
var oneChar=inputStr.charAt(I)
if (oneChar<"0"|| oneChar>"9")
{
alert("这个不是数字")
return false
}
}
return true
}

function checklt(form)
{
inputStr=form.numeric.value
if (isNum(inputStr))
{
}
else
{
form.numeric.focus()
form.numeric.select()
}
}</span>

window.location对象：

（1）hash属性：

做锚点的时候用到：window.location.hash=锚点的名字（一个a标签）

（2）location属性：

获得当前网页的地址：window.location.pathName

String对象：

（1）str.indexof（xx），str.lastIndexOf（xx）在str中匹配字符串

（2）subtring（x，x）提取字串

日期对象Date：

（1）创建日期对象：new Date（）

数序计算Math：

（1）Math.xxx看具体方法了

（2）Math.random()生产一个0-1之间的随机数

对象的定义：

def student(name,age){
this.name=name;
this.age=age;
}

创建一个student对象：

var student =new student("ming",22)

对象包含：

function school(sname,stu){
<span style="white-space:pre"></span>this.sname=sname;
<span style="white-space:pre"></span>this.stu=stu;
}

创建一个学校（结合上面的例子）：

var school =new school("大学"，student)

数组的定义：

var shuzu=new Array(5)

秒客网

JavaScript学习三 window，document对象

相关文章