JavaWeb应用开发技术与案例教程课件作者张继军第2章节_静态网页开发技术.pptVIP

2.3.3 JavaScript的对象 JavaScript中设有内置对象，常用的内置对象： String， Date 浏览器的文档对象： window 、navigator、screen、history、location、 documen等对象。 window对象 window对象属性常用方法 方 法 描 述 alert() 弹出一个警告对话框 confirm() 显示一个确认对话框，单击“确认”按钮时返回true，否则返回false prompt() 弹出一个提示对话框，并要求输入一个简单的字符串 setTimeout(timer) 在经过指定的时间后执行代码 clearTimeout() 取消对指定代码的延迟执行 setInterval() 周期执行指定的代码 clearInterval() 停止周期性地执行代码 2. location对象 Location对象实现网页页面的跳转。 在HTML中使用标记a/a来实现页面的跳转，在JavaScript中，利用location对象实现页面的自动跳转。 使用格式： window.location.href=网页路径; 例如： 跳转到搜狐网页： window.location.href=; 3. history对象 history对象可以访问浏览器窗口的浏览历史，通过go、back、forward等方法控制浏览器的前进和后退。 属性、方法 含义 Length属性 浏览历史记录的总数 go(index)方法 从浏览历史中加载URL，index参数是加载URL的相对路径，index为负数时，表示当前地址之前的浏览记录，index正数时，表示当前地址之后的浏览记录 forward()方法 从浏览历史中加载下一个URL，相当于history.go(1) back()方法 从浏览历史中加载上一个URL, 相当于history.go(-1) 4. document对象 每个HTML文档被加载后都会在内存中初始化一个document对象，该对象存放整个网页HTML内容，从该对象中，可获取页面表单的各种信息。 （1）获取表单域对象 获得表单域对象的主要方法：通过表单访问、直接访问。 假设有表单： form action= name= form1 input type=text name= t1 value= /form 则获取输入域对象： ① 通过表单访问 var fObj=document.form1.t1; var fObj=document.form1.elements[t1 var fObj=document.forms[0].t1; ② 直接访问 var fObj=document.getElementsByName(t1)[0] var fObj=document.getElementsById(t1); var fObj=document.all(t1).value （2）获取表单域的值 由于表单域类型不同，其获取表单域值的方法也不同，常用的方法有(若表单域对象为fObj)： ① 获取文本域、文本框、密码框的值 var v=fObj.value; ② 获取复选框的值 例如：对于如下的一组复选框： input type=checkbox name=c1 value=1/ input type=checkbox name=c1 value=2/ 利用JavaScript取值的方法： var fObj=document.form1.c1; //form1为表单的名字 var s=; for(var i=0;ifObj.length;++i){ if(fObj[i].checked==true) s=s+fObj[i].value; } ③ 获取单选按钮的值 例如：对于如下的一组单选按钮： input type=radio name=p checked/加 input type=radio name=p/减 利用JavaScript取值的方法如下： var fObj=document.form1.p; //form1为表单的名字