javascript DOM

<!-- 1 - 事件源对象所对应的HTML标签的事件属性
     < script language = " javascript " >
         // /事件处理
         // 1-事件源对象所对应的HTML标签的事件属性
         function hideContextmenu()

{
            window.event.returnValue=false;
        }
     </ script >
     < body oncontextmenu = " hideContextmenu() " > // oncontextmenu-右键关闭
    或 < body oncontextmenu = " return false " >

     </ body >
     -->

     <!-- 2 - 在javascript代码中设置元素对象的事件属性
     < script language = " javascript " >
         // 2-在javascript代码中设置元素对象的事件属性
        document.oncontextmenu = hideContextmenu;
         function hideContextmenu()

{
            return false;
        }
     </ script >
     -->

     

     
     
     < script language = " javascript " >
         // -1-alert()方法--显示OK提示对话框
         // -2-confirm()方法--显示带OK/cancel提示对话框,返加true或false
         /**/ /*if(confirm("您好吗？"))
        {
            alert("你好");
        }
        else
        {
            alert("您不好");
        }*/

         // -3-prompt()方法--输入信息对话框,返回本文
         /**/ /*var age=prompt("年龄","18");
        alert(age);*/

         // -4-navigate()方法--将当前窗口导航到一个新的url

         // -5-setInterval()方法--设置每隔多长时间调用指定代码,执行多次

         // -6-setTimeout()方法--设置多长时间后调用指定代码,只执行一次

         // -7-clearInterval()方法--取消setInterval()，参数为setInterval()的返回值

         // -8-clearTimeout()方法--取消setTimeout()，参数为setTimeout()的返回值

         // -9-moveTo()方法--移动窗口

         // -10-resizeTo()方法--改变窗口大小

         // -11-open()方法

         // -12-showModalDialog()方法--创建模态对话框，没有一般用window.open()打开的窗口的所有属性。

         // -13-showModelessDialog()方法--方法用来创建一个显示HTML内容的非模态对话框。
         // window.open("information.html","_blank","top=0,left=0,width=200,height=200,toolbar=no");
</ script >

     
         

     
     < script language = " javascript " >
     // altKey属性
     // ctrlKey属性
     // shiftKey属性
     // clientX,clientY属性--
     // screenX,screenY属性
     // offsetX,offsetY属性
     // x,y属性
     // returnValue属性
     // cancelBubble属性
     // srcElement属性
     // keyCode属性
     /**/ /*function window_onkeypress()
    {
        alert(window.event.keyCode);
    }
    <body onkeypress=window_onkeypress()>
    </body>*/
     // button属性

     // 示例
     /**/ /*function checkCancel()
    {
        if(window.event.shiftKey)
            window.event.cancelBubble=true;
    }
    function showSrc()
    {
        if(window.event.srcElement.tagName=="IMG")
            alert(window.event.srcElement.src);
    }
    <body onclick="showSrc()">
        <img onclick="checkCancel()" src="aaa.gif">
    </body>*/
     </ script >

     
     < script language = " javascript " >
         // -onload事件

         // -onunload事件

         // -onbeforeunload事件
         /**/ /*<body onload="alert('欢迎')"  onunload="alert('再见')"
        onbeforeunload="window.event.returnValue='小心'">
        </body>*/

         // -onclick事件

         // -onmousemove事件

         // -onmouseover事件

         // -onmouseout事件

         // -onmousedowm事件

         // -onmouseup事件

         // -onkeydown事件

         // -onkeyup事件

         // -onkeypress事件--用户按了数字或字母键所产生的事件
     </ script >

     
     < script language = " javascript " >
         // -closed属性--返回true/false

         // -opener属性

         // -defaultstatus属性

         // -status属性

         // -screenTop属性--返回当前窗口左上角顶点在屏幕上的垂直位置

         // -screenLeft属性--返回当前窗口左上角顶点在屏幕上的水平位置

         // ////////子窗口调用父窗口的方法window.opener.start();
         /**/ /*var child = window.open("information.html","_blank",
                        "width=200,height=200,toolbar=no");
        function closeChild()
        {
            if(!child.closed)
                child.close();
        }
        var space_num=0;
        var dir=1;
        function scroll()
        {
            var str_space="";
            space_num=space_num+1*dir;
            if(space_num>40 || space_num<=0)
            {
                dir=-1*dir;
            }
            for(var i=0;i<=space_num;i++)
            {
                str_space += " ";
            }
            window.status=str_space+"www.it315.org";
        }
        function start()
        {
            setInterval("scroll()",100);
        }
        <body onload="start()">
        </body>*/
     </ script >

     
     < script language = " javascript " >
         // -location对象--设置显示当前url
         // href属性
         /**/ /*window.location.href="http://www.it

";
等效于window.navigate("http://www.it

");*/
         // replace()方法--载入一个url替代当前网页,基本同于href属性
         // reload()方法--刷新当前网页文档
         // opener.location.reload();//刷新父窗口

         // -event对象

         // -frames对象

         // -screen对象

         // -clipboardData对象

         // -history对象

         // -navigator对象

         // -document对象
         // Cookie属性
         // 基本格式:name=value
         // 设置格式:name=value;expires=Fri,31 Dec 1999 23:59:59 GMT;path=/bookshop;domain=it315.org;secure
         // -expires字段  保存的有效时间,删除可以用设时间为以前来完成
         // 没有设置expires将保存信息在内存中,关闭浏览器将消失
         // -domain字段  本cookie在那个域中有效,没有设置只对当前主机有效
         // -path字段  设置cookie在服务器上的那个目录下有效
         // 没有设置path只在当前主机上的目录下有效
         // -secure字段
         // 读取格式:name1=value1;name2=value2

         // -cookie value的解码头
         // javascript通常用escape和unescape函数
         /**/ /*var never = new Date();
        never.setTime(never.getTime()+10*365*24*60*60*1000);
        var expString="experes="+never.toGMTString()+";";
        document.cookie="area="+escape("北京海淀")+";"+expString;
        document.write("area="+'escape("北京海淀")'+";"+expString);
        document.cookie="zipcode=100080;"; */
         // 读取cookie
         /**/ /*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;
                endOfCookie=myCookie.indexOf(";",startOfCookie);
                result=unescape(myCookie.substring(startOfCookie,endOfCookie));
            }
            return result;
        }
        document.write(document.cookie+"<br>");
        document.write("area is"+getCookie("area")+
        ",and zipcode is"+getCookie("aipcode"));*/

         // 删除cookie
         /**/ /*document.cookie="area=" + escape("北京海淀")+
            ";experes=Sat, 8 Dec 2018 08:19:42 UTC;"; */
         // <a href="temp.html">进入第二个页面</a>
     </ script >

     
     < script language = " javascript " >
         // defer属性--告诉浏览器先解析HTML再解析script代码.例:<script language="javascript" defer>

         // language属性

         // type属性用来代替language属性

         // src属性
     </ script >

     
     < script language = " javascript " >
         // forms数组对象--<form>集合

         // anchors数组对象--HTML中<a>标签的name或id属性集合

         // links数组对象--HTML中<a>标签的href属性集合

         // images数组对象--HTML中<img>标签的集合

         // scripts数组对象

         // applets数组对象

         // all数组对象--HTML中所有标签集合
         // 访问<img src="sample.gif" name=img1>的src值
         /**/ /*document.all[7].src;
        document.all.img1.src;
        document.all["img1"].src;
        document.all.item("img1").src;//使用item(name|index)方法
        document.all.item(7).src;
        document.images[0].src;
        document.images.img1.src;
        document.images["img1"].src;
        document.images.item("img1").src;
        document.images.item(0).src; */
         // 一组name相同的
         /**/ /*document.images["sample",0];
        document.images.item("sample",0);*/

         // styleSheets数组对象-样式表集合

         // body对象

         // title对象

     </ script >

   
     < script language = " javascript " >
         // -write()方法

         // -writeln()方法

         // -getElementByld()方法--根据id属性值返回期对象

         // -getElementByName()方法--返回name属性值相同的对象数组

         // -getElementsByTagName()方法--返回name属性值相同的对象数组

         // -createElement()方法--生产一个html对象
     </ script >

     
     < script language = " javascript " >
         // /<body>标签相关属性
         // -alinkColor属性--超连接被选中时的颜色

         // -linkColor属性--超连接的正常颜色

         // -vlinkColor属性--访问过的超连接颜色

         // -bgColor属性--

         // -fgColor属性--文本的颜色

         // -charset属性

         // defaultCharset属性

         // cookie属性

         // fileCreateDate属性

         // fileModefiedDate属性

         // fileSize属性

         // lastModified属性

     </ script >

     
     < script language = " javascript " >
         // -all数组

         // -style对象
     </ script >

     
     < script language = " javascript " >
         // -appendChild()方法--
         /**/ /*function createA()
        {
            var oa=document.createElement("A");
            oa.href="http://www.it

.";
            oa.innerText="ssssssssss";
            document.body.appendChild(oa);
        }*/
         // -background 属性

         // -bgProperties 属性

         // -text

         // top-bottom-left-rightMargin属性

         // 通用属性

         // id属性

         // name属性

         // className属性

         // innerText属性

         // innerHTML 属性

         // outerText属性

         // outerHTML属性

         // offsetTop属性--HTML元素边界的左上角顶点的坐标与外层元素左上角坐标的距离

         // offsetLeft属性--HTML元素边界的左上角顶点的坐标与外层元素左上角坐标的距离

         // offsetWidth属性--HTML元素的宽

         // offsetHeight属性

         // clientTop属性--元素可显示区的坐标与该元素边框的距离

         // clientLeft属性--元素可显示区的坐标与该元素边框的距离

         // clientWidth属性--可显示区的宽

         // clientHeight属性

         // scroll属性--滚动条

         // scrollTop属性--滚动条下拉的距离

         // scrollLeft属性--滚动条右拉的距离

         // scrollTop属性

         // scrollWidth属性
     </ script >

     
     < script language = " javascript " >
         // -onselectstart事件

         // -onscroll事件

     </ script >

     
     < script language = " javascript " >
         // -onsubmit事件--要使用return 语句-return MySubmit()

         // -onChange事件--本文值改变或列表框值改变时

         // -onSelect事件--单行或多行本文框被选择时

         // -onFocus事件--得到焦点

         // -onBlur事件--失去焦点

         // -children数组属性

         // -submit()方法

         // -item()方法--返回元素对象

         // -属性name,target,title,emctype,encoding,method,action

     </ script >
         
         < script language = " javascript " >
         // -blur()方法

         // -focus()方法

         // -click()方法

         // -select的add()方法

         // -defaultValue属性

         // -disabled属性

         // -readOnly属性

         // -title属性

         // -value属性

         // -checked属性

         // 列表框专有属性
         // multiple属性
         // selectedIndex属性
         // potions数组属性
         // 列表框选择项对象<option>的属性
         // text属性
         // value属性
         // selected属性
         // index属性

         // 自定义属性
         // <input type=text name="email" mark="1">
     </ script >

javascript DOM

你可能感兴趣的:(javascript DOM)