亚洲动漫精品无码av天堂,色拍自拍亚洲综合图区,国产精品亚洲а∨天堂2021

Tue, 21 Aug 2012 02:09:00 GMT

$("#savename").click(function(){
    var fananname=$("#editname").val();
    var jsonList = eval(createArray());
    var jsonText = JSON.stringify(jsonList);
    $.ajax({
        type: "POST",
        url: "/shop/ffselect!saveAttachedUrl.action",
        dataType:"json",
        data: {
            "fanan":fananname,
            "jsonarray":jsonText
        },
            success: function(data) {
            if(data.status=="success"){
                window.location.href="www.baidu.com";
            }
            },
    });

})

function createArray(){
    var jsonarray=[];
    var fanganid=$("#selectTitleid").val();
    var $goodsurl=$(".goodsurl");
    var $isadd=$(".isadd");
    var $review=$(".inputtextarea");
    var $isclear=$(".isclear");

    $.each($goodsurl,function(n){
        var goodsurl=$($goodsurl[n]).val();
        var isadd=$($isadd[n]).val();
        var review=$($review[n]).val();
        var isclear=$($isclear[n]).val();
        var obj=createObj(goodsurl,isadd,fanganid,review,isclear);
        jsonarray.push(obj);
    })
    return jsonarray;
}

function createObj(urlval,isaddval,faidval,reviewval,isclearval){
    return {
        url:urlval,
        isadd:isaddval,
        faid:faidval,
        review:reviewval,
        isclear:isclearval
    }
}

后台接受 1 public String saveAttachedUrl(){

2         LlSelectAttachedUrl attacheURL = new LlSelectAttachedUrl();
3         String fanan = getParameter("fanan");
4         String jsonarray = getParameter("jsonarray");
5         System.out.println(fanan);
6         System.out.println(jsonarray);
7 //        String str = "[{'name':'张三','sex':'�?},{'name':'李四','sex':'�?},{'name':'王五','sex':'�?}]";
8         JSONArray json = JSONArray.fromObject(jsonarray);
9         int size = json.size();
10         for(int i = 0; i11             String re = json.getString(i);
12             JSONObject s = JSONObject.fromObject(re);
13             attacheURL.setAdd_date(new Date());
14             attacheURL.setComments(s.getString(""));
15             attacheURL.setGoods_url(s.getString(""));
16             attacheURL.setId(re);
17             attacheURL.setRemark(s.getString(""));
18             attacheURL.setSelect_title_id(s.getString(""));
19             if(s.getString("")!=null){
20                 attacheURL.setIsAddUrl(Integer.parseInt(s.getString("")));
21             }if(s.getString("")!=null){
22                 attacheURL.setState(Integer.parseInt(s.getString("")));
23             }
24             this.selectFanFan.saveSelectAttachedUrl(attacheURL);
25         }
26         return ajax(Status.success);
27     }

生命的熾�?/a> 2012-08-21 10:09 发表评论

验证上传File的类型与大小的js

Fri, 10 Jun 2011 08:05:00 GMT

1     function checkForm(){
2         str = document.getElementById("filePic").value.toLowerCase();
3         var ext = str.split(".");
4         var type = fileType.split(",");
5         for(var i=0;i<type.length;i++){
6             if(ext[1]==type[i]){
7                isTypeRight=true;
8             }
9         }
10         if(isTypeRight){
11             var boolSize = checkSize(str);
12             if(boolSize){
13
14             }else{
15                alert("��h��意！上传的图片太大，不能��过"+fileMaxSize+"KB");
16             }
17         }else{
18             isTypeRight = false;
19             alert("��h��意！上传的类型不�?/span>"+type+"中的一�U?/span>");
20         }
21     }
22
23     function checkSize(fileName){
24         var img = new Image();
25         img.src=str;
26         var fso=new ActiveXObject("Scripting.FileSystemObject");
27         var fsize=fso.GetFile(fileName).Size;
28         alert(fsize);
29         if(img.readyState!="complete"){
30            isTypeRight=false;
31            return false;
32         }else{
33            if(fsize>fileMaxSize){
34                isTypeRight=false;
35                return false;
36            }else{
37                isTypeRight=false;
38                return true;
39            }
40         }
41     }
42 script>

生命的熾�?/a> 2011-06-10 16:05 发表评论

用js验证客户端（用户名密码不能�ؓ�I�）

Thu, 17 Sep 2009 08:47:00 GMT

面试时候碰到的以简单题目：用js验证客户端（用户名密码不能�ؓ�I�）

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'userValidate.jsp' starting pagetitle>
    <script type="text/javascript">
        function validate(){
            var username = form1.username.value
            var password = form1.password.value
            if(username.trim().length==0){
                alert("用户名不能�ؓ�I�！")
                form1.username.focus()
            }else if(password.trim().length==0){
                alert("密码不能为空�Q?/span>")
                form1.password.focus()
            }
        }
    script>
  head>
  <body>
  <form action="#" name="form1" onsubmit="return validate(this);">
  <table>
      <tr>
      <td>用户名：td>
    <td><input type="text" name="username"/>td>
    tr>
    <tr>
    <td>�?nbsp; 码：td>
    <td>
    <input type="password" name="password"/>
    td>
    tr>
    <tr><td><input type="submit" value="提交" >td>tr>
    table>
   form>
  body>
html>

生命的熾�?/a> 2009-09-17 16:47 发表评论

Sat, 22 Aug 2009 09:50:00 GMT

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
2 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <title>jQuery:slideToggle控制模块的展开与收�~�功�?nbsp;title>
6
7 <script type="text/javascript" src="jquery-1.3.2.js">script>
8
9 <script type="text/javascript">
10 $(function(){
11     $("#head").click(function (){
12         $("#content").slideToggle("slow",function(){
13             alert("��试成功�Q?/span>")
14         })
15     })
16 })
17 script>
18
19
20 <style type="text/css">
21 p,div{margin:0;padding:0;}  /*讄��p,div之间的间�?/span>*/
22 #head{width:90%;background:#ddd;height:20px;border-top:1px solid #aaa;border-right:1px solid #aaa;border-left:1px solid #aaa;}
23 #content{width:90%;background:#adf;height:500px;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;margin-top:0px;}
24 style>
25
26
27 head>
28 <body>
29 <p id="head">单击�q�里��试(一个收�~�展开功能)p>
30 <div id="content">
31 <pre>
32 1,首先引用jQuery.
33 2,然后开始写函数了�?(document).ready(function(){});
34 3,前面说过了，获取标签能直�?nbsp;$("标签")。给标签注册 onclick事�g直接可以 click.
35 4,核心代码:
36 $("head").click(function(){$("content").slideToggle("slow");});
37 5,slideToggle(speed, callback)
38 通过高度变化来切换所有匹配元素的可见性，�q�在切换完成后可选地触发一个回调函数�?br /> 39 �q�个动画效果只调整元素的高度�Q�可以��匚w��的元素以“滑动”的方式隐藏或昄��?nbsp;
40
41 �q�回�?br /> 42 jQuery
43
44 参数
45 speed (String|Number): (可�? 三种预定速度之一的字�W�串("slow", "normal", or "fast")或表�C�动��L��长的毫秒数�?如：1000)
46 callback (Function): (可�? 在动��d��成时执行的函�?nbsp;
47 �C�Z��
48 jQuery 代码:
49 $("p").slideToggle("slow");
50
51 --------------------------------------------------------------------------------
52
53 jQuery 代码:
54 $("p").slideToggle("slow",function(){ alert("Animation Done."); });
55 pre>
56 body>
57 html>
58
59

生命的熾�?/a> 2009-08-22 17:50 发表评论

js-window对象的方法和属性资�?

Wed, 13 May 2009 05:14:00 GMT

熟练window对象�?/span>open�?/span>close�?/span>alert�?/span>confirm�?/span>prompt�?/span>setTimeout�?/span>clearTimeout�?/span>setInterval�?/span>clearInterval�?/span>moveBy�?/span>resizeBy�?/span>scrollBy�Ҏ��的��?/span>
掌握window对象�?/span>moveTo�?/span>resizeTo�?/span>scrollTo�?/span>print�Ҏ��的��?/span>
熟练掌握window对象�?/span>status�?/span>location�?/span>name�?/span>self�?/span>opener属性的使用　　Window对象是客��L��javascript最高层对象之一�Q�只要打开��览器窗口，不管该窗口中是否有打开的网��，当遇�?/span>BODY�?/span>FRAMESET�?/span>FRAME元素�Ӟ��都会自动建立window对象的实例。另外，该对象的实例也可�?/span>window.open()�Ҏ��创徏。由�?/span>window对象是其它大部分对象的共同祖先，在调�?/span>window对象的方法和属性时�Q�可以省�?/span>window对象的引用。例如：window.document.write()可以��写成�Q?/span> document.write()。　在窗口中觖发本窗口对象的��M��Ҏ��和属性时可以省去�H�口的实例名�U�。例如给当前�?/span>myWin�H�口讄��status属性时�Q�可以只�?/span>status而不�?/span>myWin.status。但是，在事件处理中调用location属性�?/span>close()�Ҏ��?/span>open()�Ҏ��时必��M��用实例名�U��?/span>
6-2-1 window对象的方�?/span>
window对象有以下方法：

open
close
alert
confirm
prompt
setTimeout
clearTimeout
setInterval
clearInterval
moveBy
moveTo
resizeBy
resizeTo
scrollBy
scrollTo
find
back
forward
home
stop
print
blur
focus
captureEvent
enableExternalCapture
disableExternalCapture
handleEvent
releaseEvent
routeEvent
scroll

　　1. open�Ҏ��
　　语法格式�Q?/span>

window.open(URL,�H�口名称,�H�口风格)
　　功能�Q�打开一个新的窗口，�q�在�H�口中装载指�?/span>URL地址的网��c�?/span>

　　说明�Q?/span>

open�Ҏ��用于打开一个新的浏览器�H�口�Q��ƈ在新�H�口中装入一个指定的URL地址�Q?/span>
open�Ҏ��在打开一个新的浏览器�H�口�Ӟ��q�可以指定窗口的名称(�W�二个参�?/span>)�Q?/span>
open�Ҏ��在打开一个新的浏览器�H�口�Ӟ��q�可以指定窗口的风格(�W�三个参�?/span>)�Q?/span>

�H�口风格有以下选项�Q�这些选项可以多选，如果多选，各选项之间用逗号分隔�Q?/span>
toolbar�Q�指定窗口是否有标准工具栏。当该选项的��gؓ1�?/span>yes�Ӟ��表示有标准工��h��Q�当该选项的��gؓ0�?/span>no�Ӟ��表示没有标准工具栏；
location�Q�指定窗口是否有地址工具栏，选项的值及含义�?/span>toolbar相同�Q?/span>
directories�Q�指定窗口是否有链接工具栏，选项的值及含义�?/span>toolbar相同�Q?/span>
status�Q�指定窗口是否有状态栏�Q�选项的值及含义�?/span>toolbar相同�Q?/span>
menubar�Q�指定窗口是否有菜单�Q�选项的值及含义�?/span>toolbar相同�Q?/span>
scrollbar�Q�指定当前窗口文档大于窗口时是否有滚动条�Q�选项的值及含义�?/span>toolbar相同�Q?/span>
resizable�Q�指定窗口是否可改变大小�Q�选项的值及含义�?/span>toolbar相同�Q?/span>
width�Q�以像素为单位指定窗口的宽度�Q�已�?/span>innerWidth取代�Q?/span>
height�Q�以像素为单位指定窗口的高度�Q�已�?/span>innerHeight取代�Q?/span>
outerWidth�Q�以像素为单位指定窗口的外部宽度�Q?/span>
outerHeight�Q�以像素为单位指定窗口的外部高度�Q?/span>
left�Q�以像素为单位指定窗口距屏幕左边的位�|�；
top�Q�以像素为单位指定窗口距屏幕��端的位�|�；
alwaysLowered�Q�指定窗口隐藏在所有窗口之后，选项的值及含义�?/span>toolbar相同�Q?/span>
alwaysRaised�Q�指定窗口��Q在所有窗口之上，选项的值及含义�?/span>toolbar相同�Q?/span>
dependent�Q�指定打开的窗口�ؓ当前�H�口的一个子�H�口�Q��ƈ随着父窗口的关闭而关闭，选项的值及含义�?/span>toolbar相同�Q?/span>
hotkeys�Q�在没有菜单栏的新窗口中讄��安全退出的热键�Q�选项的值及含义�?/span>toolbar相同�Q?/span>
innerHeight�Q�设定窗口中文档的像素高度；
innerWidth�Q�设定窗口中文档的像素宽度；
screenX�Q�设定窗口距��d��q�左边界的像素长度；
screenY�Q�设定窗口距��d��q�上边界的像素长度；
titleBar�Q�指明标题栏是否在新�H�口中可见，选项的值及含义�?/span>toolbar相同�Q?/span>
z-look�Q�指明当�H�口被激�z�L��Q�不能��Q在其它窗口之上，选项的值及含义�?/span>toolbar相同�?/span>

open�Ҏ��q�回的是该窗口的引用�?/span>

��技巧：该方法经常用于在打开一个网��|��自动打开另一个窗口�?/span>

�?/span>6-2-1�Q�编制一个小�E�序�Q�它用于在打开当前�H�口时自动打开另一个窗口，�?/span>

求该�H�没有标准工��h��、地址栏、链接工��h��、菜单栏�Q�但有状态栏�Q�窗口中�?/span>

开的网��地址为：http://www.dlrtvu.edu.cn�?/span>

2. close�Ҏ��
语法格式�Q?/span>

window.close()
功能�Q?/span>close�Ҏ��用于自动关闭��览器窗口�?/span>

3. alert�Ҏ��
语法格式�Q?/span>

window.alert(提示字符�?/span>)
功能�Q�弹��Z��个警告框�Q�在警告框内昄��提示字符串文本�?/span>

4. confirm�Ҏ��
语法格式�Q?/span>

window.confirm(提示字符�?/span>)
功能�Q�显�C�Z��个确认框�Q�在��认框内昄��提示字符�Ԍ��当用户单�?#8220;��定”按钮

时该�Ҏ��q�回true�Q�单�?/span>“取消”时返�?/span>false�?/span>

5. prompt�Ҏ��
语法格式�Q?/span>

window.prompt(提示字符�Ԍ��~�省文本)
功能�Q�显�C�Z��个输入框�Q�在输入框内昄��提示字符�Ԍ��在输入文本框昄��~�省�?/span>

本，�q�等待用戯��入，当用户单�?#8220;��定”按钮�Ӟ��q�回用户输入的字�W�串�Q�当

单击“取消”按钮�Ӟ��q�回null倹{�?/span>

6. setTimeout�Ҏ��
语法格式�Q?/span>

window.setTimeout(代码字符表达�?/span>,毫秒�?/span>)
功能�Q�定时设�|�，当到了指定的毫秒数后�Q�自动执行代码字�W�表辑ּ��?/span>

7. clearTimeout�Ҏ��
语法格式�Q?/span>

window.clearTimeout(定时�?/span>)
功能�Q�取消以前的定时讄��Q�其中的参数是用setTimeout讄��时的�q�回倹{�?/span>

8. setInterval�Ҏ��
语法格式�Q?/span>

window.setInterval(代码字符表达�?/span>,毫秒�?/span>)
功能�Q�设定一个时间间隔后(�W�二个参�?/span>)�Q�反复执�?/span>“代码字符表达�?/span>”的内�?/span>

9. clearInterval�Ҏ��
语法格式�Q?/span>

window.clearInterval(旉��间隔�?/span>)
功能�Q�取�?/span>setInterval讄��的定时。其中的参数�?/span>setInterval�Ҏ��的返回倹{�?/span>

10. moveBy�Ҏ��
语法格式�Q?/span>

window.moveBy(水��^位移�?/span>,垂直位移�?/span>)
功能�Q�按照给定像素参数移动指定窗口。第一个参数是�H�口水��^�U�d��的像素，�W?/span>

二个参数是窗口垂直移动的像素�?/span>

11.moveTo�Ҏ��
语法格式�Q?/span>

window.moveTo(x,y)
功能�Q�将�H�口�U�d��到指定的指定坐标(x,y)处�?/span>

12. resizeBy�Ҏ��
语法格式�Q?/span>

window.resizeBy(水��^,垂直)
功能�Q�将当前�H�口改变指定的大��?/span>(x,y)�Q�当x�?/span>y的值大�?/span>0时�ؓ扩大�Q�小�?/span>0�?/span>

为羃��?/span>

13. resizeTo�Ҏ��
语法格式�Q?/span>

window.resizeTo(水��^宽度,垂直宽度)
功能�Q�将当前�H�口改变�?/span>(x,y)大小�Q?/span>x�?/span>y分别为宽度和高度�?/span>

14. scrollBy�Ҏ��
语法格式�Q?/span>

window.scrollBy(水��^位移量，垂直位移�?/span>)
功能�Q�将�H�口中的内容按给定的位移量滚动。参��Cؓ正数�Ӟ��正向滚动�Q�否则反

向滚动�?/span>

15. scrollTo�Ҏ��
语法格式�Q?/span>

window.scrollTo(x,y)
功能�Q�将�H�口中的内容滚动到指定位�|��?/span>

16.find�Ҏ��
语法格式�Q?/span>

window.find()
功能�Q�当触发该方法时�Q�将弹出一�?#8220;find”(查找)对话�H�口�Q��ƈ允许用户在触

�?/span>find�Ҏ��的页面中查找一个字�W�串�?/span>

注：该属性在IE5.5�?/span>Netscape6.0中都不支持�?/span>

17. back�Ҏ��
语法格式�Q?/span>

window.back()
功能�Q�模拟用��L��L��览器上的“后退”按钮�Q�将��面转到��览器的上一��c�?/span>

说明�Q�仅当当前页面存在上一��|��才能�q�行该操作�?/span>

注：IE5.5不支持该�Ҏ��Q?/span>Netscape6.0支持�?/span>

18. forward�Ҏ��
语法格式�Q?/span>

window.forward()
功能�Q�模拟用��L��L��览器上的“前进”按钮�Q�将��面转到��览器的下一��c�?/span>

说明�Q�仅当当前页面存在下一��|��才能�q�行该操作�?/span>

注：IE5.5不支持该�Ҏ��Q?/span>Netscape6.0支持�?/span>

19. home�Ҏ��
语法格式�Q?/span>

window.home()
功能�Q�模拟用��L��L��览器上的“主页”按钮�Q�将��面转到指定的页面上�?/span>

注：IE5.5不支持该�Ҏ��Q?/span>Netscape6.0支持�?/span>

20. stop�Ҏ��
语法格式�Q?/span>

window.stop()
功能�Q�模拟用��L��L��览器上的“停止”按钮�Q�终止浏览器的下载操作�?/span>

注：IE5.5不支持该�Ҏ��Q?/span>Netscape6.0支持�?/span>

21. print�Ҏ��
语法格式�Q?/span>

window.print()
功能�Q�模拟用��L��L��览器上的“打印”按钮�Q�通知��览器打开打印对话框打�?/span>

当前��c�?/span>

22. blur�Ҏ��
语法格式�Q?/span>

window.blur()
功能�Q�从�H�口中移出焦炏V��当�?/span>focus�Ҏ��合用时必��d��心，因�ؓ可能��D��焦点

不断�U�进�U�d��?/span>

23. focus�Ҏ��
语法格式�Q?/span>

window.focus()
功能�Q��ɽH�口中得到焦炏V��当�?/span>blur�Ҏ��合用时必��d��心，因�ؓ可能��D��焦点�?/span>

断移�q�移出�?/span>

24. captureEvent�Ҏ��
语法格式�Q?/span>

window.captureEvent(Event)
window.captureEvent(事�g1|事�g2|...|事�gn)
功能�Q�捕捉指定参数的所有事件。由于能够捕获哪些由本地�E�序自己处理的事�?/span>

�Q�所以程序员可以随意定义函数来处理事件。如果有多个事�g需要捕捉，各事�?/span>

之间用管道符“|”隔开。可捕捉的事件类型如下：

Event.ABORT

Event.BLUR

Event.CHANGE

Event.CLICK

Event.DBLCLICK

Event.DRAGDROP

Event.ERROR

Event.FOCUS

Event.KEYDOWN

Event.KEYPRESS

Event.KEYUP

Event.LOAD

Event.MOUSEDOWN

Event.MOUSUEMOVE

Event.MOUSEOUT

Event.MOUSEOVER

Event.MOUSEUP

Event.MOVE

Event.RESET

Event.RESIZE

Event.SELECT

Event.SUBMIT

Event.UNLOAD

25. enableExternalCapture事�g
语法格式�Q?/span>

window.enableExternalCapture(event)
功能�Q?/span>enableExternalCapture�Ҏ��用于捕捉通过参数传入的外部事件�?/span>

26. disableExternalCapture事�g
语法格式�Q?/span>

window.disableExternalCapture()
功能�Q�取�?/span>enableExternalCapture�Ҏ��的设�|�，�l�止对外部事件的捕捉�?/span>

27. handleEvent事�g
语法格式�Q?/span>

window.handleEvent(event)
功能�Q�触发指定事件的事�g处理器�?/span>

28. releaseEvent事�g
语法格式�Q?/span>

window.releaseEvent(event)
window.releaseEvent(事�g1|事�g2|...|事�gn)
功能�Q�释��N��过参数传入的已被捕捉的事�g�Q�这些事件是�?/span>

window.captureEvent�Ҏ��讄��的，可释攄��事�g�?/span>captureEvent相同�?/span>

29. routeEvent事�g
语法格式�Q?/span>

window.releaseEvent(event)
功能�Q�把被捕捉类型的所有事件�{交给标准事�g处理�Ҏ��q�行处理�Q�可转交的事

件与captureEvent相同�?/span>

30 scroll事�g
语法格式�Q?/span>

window.scroll(X坐标,Y坐标)
功能�Q�将�H�口�U�d��到指定的坐标位置�?/span>

6-2-2 window对象的属�?/span>
window对象��h��如下属性：

status

statusbar

statusbar.visible

defaultstatus

location

locationbar

locationbar.visible

self

name

closed

frames

frames.length

length

document

history

innerHeight

innerWidth

menubar

menubar.visible

opener

outerHeight

outerWidth

pageXOffset

pageYOffset

parent

personalbar

personalbar.visible

scrollbar

scrollbar.visible

toolbar

toolbar.visible

top

1. status属�?/span>
语法格式�Q?/span>

window.status=字符�?/span>
功能�Q�设�|�或�l�出��览器窗口中状态栏的当前显�C�Z��息�?/span>

��技巧：可以使用该属性设�|�浏览器�H�口状态栏信息�?/span>

2. statusbar属�?/span>
语法格式�Q?/span>

window.statusbar.属�?/span>
功能�Q?/span>statusbar属性本�w�也是一个对象，用于讉K��它自已的visible属性从而确

定状态栏是否可见�?/span>

注：IE5.5��览器不支持该属性�?/span>

3. statusbar.visible属�?/span>
语法格式�Q?/span>

window.statusbar.visible
功能�Q�检查状态栏是否可见�Q�如果可见则�q�回true�Q�反之返�?/span>false�?/span>

注：IE5.5��览器不支持该属性�?/span>

4. defaultstatus属�?/span>
语法格式�Q?/span>

window.defaultstatus[=字符�?/span>]
功能�Q?/span>defaultstatus属性值是��览器窗中状态栏的默认显�C�Z��息�?/span>

5.location属�?/span>
语法格式�Q?/span>

window.location=URL
功能�Q�给出当前窗口的URL信息或指定打开�H�口�?/span>URL�?/span>

6. locationbar属�?/span>
语法格式�Q?/span>

window.locationbar.属�?/span>
功能�Q?/span>locationbar属性也可以看成是一个子对象�Q�这个属性用来获取它自已�?/span>

visible属性来��定位置栏是否可见�?/span>

到目前�ؓ止，该属性只有一个子属性：visible�?/span>

注：IE5.5不支持该属性�?/span>

7. locationbar.visible属�?/span>
语法格式�Q?/span>

window.locationbar.visible
功能�Q�返回位�|�栏是否可见�Q�如果可见返�?/span>true�Q�反之返�?/span>false�?/span>

注：IE5.5不支持该属性�?/span>

8. self属�?/span>
语法格式�Q?/span>

window.self.�Ҏ��
window.self.属�?/span>
功能�Q�该属性包含当前窗口的标志�Q�利用这个属性，可以保证在多个窗口被打开

的情况下�Q�正��调用当前窗口内的函数或属性而不会发生�؜乱�?/span>

9. name属�?/span>
语法格式�Q?/span>

window.name=名称
功能�Q�返回窗口名�U�ͼ��q�个名称是由window.open()�Ҏ��创徏新窗口时�l�定的�?/span>

�?/span>javascript1.0版本中，�q�个属性只能用于读取窗口名�U�ͼ�而到�?/span>

javascript1.1版本�Ӟ��可以用这个属性给一个不是用window.open()�Ҏ��创徏�?/span>

�H�口指定一个名�U��?/span>

10. closed属�?/span>
语法格式�Q?/span>

window.closed
功能�Q?/span>closed属性用于返回指定窗口的实例是否已经关闭�Q�如果关闭，�q�回true

�Q�反之返�?/span>flase�?/span>

11. frames属�?/span>
语法格式�Q?/span>

window.frames["框架名称"]
window.frames[数�?/span>]
功能�Q?/span>frames属性是一个数�l�，用来存储文档中每一个由元素创徏的子�H�口(�?/span>

�?/span>)实例�Q�其中的下标卛_��以是�ơ序号也可以是用FRAME元素�?/span>NAME属性指定的�?/span>

�U�来得到�q��用�?/span>

12. frames.length属�?/span>
语法格式�Q?/span>

window.frames.length
功能�Q?/span>frames.length属性用于给出文档中子窗�?/span>(框架)实例的个数�?/span>

13. length属�?/span>
语法格式�Q?/span>

window.length
功能�Q?/span>length属性返回一个窗口内的子�H�口数目�Q�该属性与

window.frame.length属性的值相同�?/span>

14. document属�?/span>
语法格式�Q?/span>

window.document.事�g
window.document.�Ҏ��
window.document.属�?/span>
功能�Q?/span>window对象的子对象document�?/span>javascript的核心对象，在脚本中遇到

BODY元素时创��Z��个实例�?/span>

15. history属�?/span>
语法格式�Q?/span>

window.history[数�?/span>]
window.history.�Ҏ��()
window.history.属�?/span>
window对象的子对象history�?/span>javascript的核心对象之一�Q�该属性包含了一�?/span>

已访问过��面的名�U�和URL的数�l��?/span>

16. innerHeight属�?/span>
语法格式�Q?/span>

window.innerHeight=数�?/span>
功能�Q�返回或指定��览器窗口中文档的像素高度，�q�个高度不包括�Q何工��h��?/span>

�l�成�H�口的页面修饰高度�?/span>

注：IE5.5不支持该属性�?/span>

17. innerWidth属�?/span>
语法格式�Q?/span>

window.innerHeight=数�?/span>
功能�Q�返回或指定��览器窗口中文档的像素宽度，�q�个宽度不包括�Q何工��h��?/span>

�l�成�H�口的页面修饰宽度�?/span>

注：IE5.5不支持该属性�?/span>

18. menubar属�?/span>
语法格式�Q?/span>

window.menubar.属�?/span>
功能�Q?/span>menubar属性也可以看成是一个子对象�Q�这个属性用来获取它自已�?/span>

visible属性来��定菜单栏是否可见�?/span>

到目前�ؓ止，该属性只有一个子属性：visible�?/span>

注：IE5.5不支持该属性�?/span>

19. menubar.visible属�?/span>
语法格式�Q?/span>

window.menubar.visible
功能�Q?/span>menubar.visible属性用于返回菜单栏是否可见�Q�如果可见返�?/span>true�Q�反

之返�?/span>false�?/span>

注：IE5.5不支持该属性�?/span>

20. opener属�?/span>
语法格式�Q?/span>

window.opener
window.opener.�Ҏ��
window.opener.属�?/span>
功能�Q?/span>opener属性与打开该窗口的父窗口相联系�Q�当讉K��子窗口中operer属性时

�Q�返回的是父�H�口。通过该属性，可以使用父窗口对象中的方法和属性�?/span>

21. outerHeight属�?/span>
语法格式�Q?/span>

window.outerHeight
功能�Q?/span>outerHeight属性用于访问浏览器�H�口的像素高度，该高度包括工��h��?/span>

装饰边的高度�?/span>

注：IE5.5不支持该属性�?/span>

22. outerWidth属�?/span>
语法格式�Q?/span>

window.outerWidth
功能�Q?/span>outerWidth属性用于访问浏览器�H�口的像素宽度，该宽度包括工��h��和装

饰边的宽度�?/span>

注：IE5.5不支持该属性�?/span>

23. pageXOffset属�?/span>
语法格式�Q?/span>

window.pageXOffset=数�?/span>
功能�Q�指定浏览器�H�口中文档左上角在窗口中的当前水�q�_��素位�|�。在利用

moveTo�U�d��之前�Q�可以通过该属性来军_��是否需要移动窗口。因��属性返回了

可见文档相对整个��面的当前位�|��?/span>

注：IE5.5不支持该属性�?/span>

24. pageYOffset属�?/span>
语法格式�Q?/span>

window.pageYOffset=数�?/span>
功能�Q�指定浏览器�H�口中文档左上角在窗口中的当前垂直像素位�|�。在利用

moveTo�U�d��之前�Q�可以通过该属性来军_��是否需要移动窗口。因��属性返回了

可见文档相对整个��面的当前位�|��?/span>

注：IE5.5不支持该属性�?/span>

25. parent属�?/span>
语法格式�Q?/span>

window.parent.frames[数�?/span>]
window.parent.framesName
功能�Q�访问各个子�H�口(多框�?/span>)所在的父窗口�?/span>

26. personalbar属�?/span>
语法格式�Q?/span>

window.personalbar.属�?/span>
功能�Q?/span>personalbar属性本�w�也是一个对象，用于讉K��其自�w�的visible属性来��?/span>

定个人栏是否可见�?/span>

注：IE5.5不支持该属性�?/span>

27. personalbar.visible属�?/span>
语法格式�Q?/span>

window.personalbar.visible
功能�Q�确定个人栏是否可见�Q�如果可见则�q�回true�Q�反之返�?/span>false�?/span>

注：IE5.5不支持该属性�?/span>

28. scrollbars属�?/span>
语法格式�Q?/span>

window.scrollbars.属�?/span>
功能�Q?/span>scrollbars属性本�w�也是一个对象，用于讉K��其自�w�的visible属性来��?/span>

定滚动栏是否可见�?/span>

注：IE5.5不支持该属性�?/span>

29. scrollbars.visible属�?/span>
语法格式�Q?/span>

window.scrollbars.visible
功能�Q?/span>scrollbars.visible用于��定滚动栏是否可见，如果可见则返�?/span>true�Q�反

之返�?/span>false�?/span>

注：IE5.5不支持该属性�?/span>

30. toolbar属�?/span>
语法格式�Q?/span>

window.toolbar.属�?/span>
功能�Q?/span>toolbar属性本�w�也是一个对象，用于讉K��它自已的visible属性从而确�?/span>

工具栏是否可见�?/span>

注：IE5.5不支持该属性�?/span>

31. toolbar.visible属�?/span>
语法格式�Q?/span>

window.toolbar.visible
功能�Q?/span>toolbar.visible属性用于检查工��h��是否可见�Q�如果可见则�q�回true�Q?/span>

反之�q�回false�?/span>

注：IE5.5不支持该属性�?/span>

32. top属�?/span>
语法格式�Q?/span>

window.top.frames[数�?/span>]
window.top.frameName
window.top.�Ҏ��()
window.top.属�?/span>
功能�Q?/span>window对象�?/span>top属性用于包含所有装入浏览器的子�H�口(多框�?/span>)的最��层�H�口的信息�?br />
getAttribute()�Ҏ��
●一份文档就是一��节�Ҏ��?br />
  ●节点分�ؓ不同的类型：元素节点、属性节点和文本节点�{��?br />
  ●getElementById()�Ҏ��返回一个对象，该对象对应着文档里的一个特定的元素节点�?br />
  ●getElementsByTagName()�Ҏ��返回一个对象数�l�，它们分别对应着文档里的一个特定的元素节点�?br />
  ●�q�些节点中的每个都是一个对象�?br />
接下来，我们��向大家介绍几个与这些对象相兌��的属性和�Ҏ��?br />
3.4.1　getAttribute()�Ҏ��

��x��Q�我们已�l�向大家介绍了两�U�检索特定元素节点的办法�Q�一�U�是使用getElementById()�Ҏ��Q�另一�U�是使用getElementsByTagName()�Ҏ��。在扑ֈ�那个元素后，我们��可以利用getAttribute()�Ҏ��把它的各�U�属性的值查询出来�?br />
getAttribute()�Ҏ��是一个函数。它只有一个参�?#8212;—你打��查询的属性的名字�Q?br />
object.getAttribute(attribute)
不过�Q�getAttribute()�Ҏ��不能通过document对象调用�Q�这与我们此前介�l�过的其他方法不同。我们只能通过一个元素节点对象调用它�?br />
例如�Q�你可以把它与getElementsByTagName()�Ҏ��l�合��h��Q�去查询每个

元素的title属性，如下所�C�：
var text=document.getElementsByTagName("p")
for (var i=0;i {
alert(text[i].getAttribute("title"));

}
如果把上面这�D�代码插入到前面�l�出�?#8220;购物清单”�C�Z��文档的末��，�q�在Web��览器里重新加蝲�q�个��面�Q�屏�q�上��弹��Z��个显�C�着文本消息“a gentle reminder”的alter对话框�?br />
�?#8220;购物清单”文档里只有一个带有title属性的

元素。假如这份文档还有一个或更多个不带title属性的

元素�Q�则相应的getAttribute("title")调用��返回null。null是JavaScript语言中的�I��|��其含义是“你说的这个东西不存在”。如果你们想亲自验证一下这件事�Q�请先把下面�q�段文本插入�?#8220;购物清单”文档中的现有文本�D�落之后�Q?br />

This is just test

然后重新加蝲�q�个��面。这一�ơ，你们��看��C��个alter对话框，而第二个对话框将是一片空白或者是只显�C�着单词“null”——具体情况要取决于你的Web��览器将如何昄��null倹{�?br />
可以修改我们的脚本，让它只在title属性存在时才弹��Z��条消息。我们将增加一条if语句来检查getAttribute()�Ҏ��的返回值是不是null。趁着�q�个��Z��Q�我们还增加了几个变量以提高脚本的可��L��：
var ts=document.getElementsByTagName("li");
for (var i=0; i {text=ts[i].getAttribute("title");

if(text!=null)
{
alert(text)
}
}
现在�Q�如果重新加载这个页面，你们��只会看��C��个显�C�着“a gentle reminder”消息的alter对话�?br /> 我们甚至可以把这�D�代码羃得更短一些。当��查某��Ҏ��据是否是null值时�Q�我们其实是在检查它是否存在。这�U�检查可以简化�ؓ直接把被��查的数据用做if语句的条件。if (something)与if (something != null)完全�{��h�Q�但前者显然更为简明。此�Ӟ��如果something存在�Q�则if语句的条件将为真�Q�如果something不存在，则if语句的条件将为假�?br />
具体到这个例子，只要我们把if (title_text != null)替换为if (title_text)�Q�我们就可以得到更简明的代码。此外，��Z��q�一步增加代码的可读性，我们�q�可以趁此机会把alter语句与if语句写在同一行上�Q�这可以让它们更接近于我们日常生�z�M��的英语句子：
var ts=document.getElementsByTagName("li");
for (var i=0; i {text=ts[i].getAttribute("title");

if(text) alert(text)

}
3.4.2　setAttribute()�Ҏ��

我们此前介绍�l�大家的所有方法都只能用来��索信息。setAttribute()�Ҏ��与它们有一个本质上的区别：它允许我们对属性节点的值做��Z��攏V�?br />
�c�M��于getAttribute()�Ҏ��Q�setAttribute()�Ҏ��也是一个只能通过元素节点对象调用的函敎ͼ�但setAttribute()�Ҏ��需要我们向它传递两个参敎ͼ�

obiect.setAttribute(attribute,value)
在下面的例子里，�W�一条语句将把id属性值是purchase的元素检索出来，�W�二条语句将把这个元素的title属性��D��|��ؓa list of goods�Q?br />
var shopping=document.getElementById("purchases")
shopping.setAttribute("title","a list of goods")
我们可以利用getAttribute()�Ҏ��来证明这个元素的title属性值确实发生了变化�Q?br /> var shopping=document.getElementById("purchases");
alert(shopping.getAttribute("title"));
shopping.setAttribute("title","a list of goods");
alert(shopping.getAttribute("title"));
上面�q�些语句��在屏幕上弹��Z��个alert对话框：�W�一个alter对话框出现在setAttribute()�Ҏ��被调用之前，它将是一片空白或昄��着单词“null”�Q�第二个出现在title属性��D��讄��之后�Q�它��显�C�着“a list of goods”消息�?br />
在上例中�Q�我们设�|�了一个现有节点的title属性，但这个属性原先�ƈ不存在。这意味着我们发出的setAttribute()调用实际完成了两��Ҏ��作：先把�q�个属性创建出来，然后再对其��D��行设�|�。如果我们把setAttribute()�Ҏ��用在元素节点的某个现有属性上�Q�这个属性的当前值将被覆盖�?br />
�?#8220;购物清单”�C�Z��文档里，

元素已经有了一个title属性，�q�个属性的值是a gentle reminder。我们可以用setAttribute()�Ҏ��来改变它的当前��|��

var ts=document.getElementsByTagName("li");
for (var i=0; i {
var text=ts[i].getAttribute("title");
alert(ts[i].getAttribute("title"))
if(text)
{
ts[i].setAttribute("title","我会成功�Q?)
alert(ts[i].getAttribute("title"))
}
}
上面�q�段代码��先从文档里把已�l�带有title属性的

元素全部��索出来，然后把它们的title属性值全部修改�ؓbrand new title text。具体到“购物清单”文档�Q�属性值a gentle reminder��被覆盖�?br />
�q�里有一个非常值得��x��的细节：通过setAttribute()�Ҏ��Ҏ��档做出的修改�Q�将使得文档在浏览器�H�口里的昄��效果�?或行为动作发生相应的变化�Q�但我们在通过��览器的view source�Q�查看源代码�Q�选项��L��看文档的源代码时看到的仍��是原来的属性�?#8212;—也就是说�Q�setAttribute()�Ҏ��做出的修改不会反映在文档本��n的源代码里。这�U?#8220;表里不一”的现象源自DOM的工作模式：先加载文档的静态内宏V��再以动态方式对它们�q�行��h��Q�动态刷��C��影响文档的静态内宏V��这正是DOM的真正威力和�׃�h之处�Q�对��面内容的刷��C��需要最�l�用户在他们的浏览器里执行页面刷新操作就可以实现�?

生命的熾�?/a> 2009-05-13 13:14 发表评论