`

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>标签对,用for属性指定事件源,event属性指定事件名
    
--常用于各种插件的处理
    
<script language="javascript" for="document" event="oncontextmenu">
    
//3-
        window.event.returnValue=false;
    
</script>
    
-->
    
    
<!------------------///window对象----------------------->
    <!--window的属性我方法的引用可以省略window.这个前缀-->
    
<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>

    
<!------------------///window对象-frames数组对象----------------------->
        <!-- 
        
<frameset rows="20%,80%">
            
<frame name=top src="top.html">
            
<frame name=bottom src="bottom.html">
        
</frameset>
        
<input type=button value="刷新"
        onclick
="window.parent.frames[1].location.reload()">
         或onclick
="parent.frames.bottom.location.reload()">
         或onclick
="parent.frames[bottom].location.reload()">
         或onclick
="parent.frames.item(1).location.reload()">
         或onclick
="parent.frames.item('bottom').location.reload()">
         或onclick
="parent.bottom.location.reload()">
         或onclick
="parent[bottom].location.reload()">
    
-->
    
    
<!------------------///window对象-event对象----------------------->
    <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>
    
    
<!------------------///window对象-事件----------------------->
    <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>

    
<!------------------///window对象-属性----------------------->
    <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>

    
<!------------------///window对象-子对象----------------------->
    <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("are
分享到:
评论

相关推荐

    JavaScript DOM编程艺术【第2版&高清】.pdf

    但是,根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术,高清资源,无比经典,值得拥有”,我们可以推断这本书主要讲述了JavaScript中DOM(文档对象模型)的相关编程技术。...

    JavaScriptDOM编程艺术(第2版)PDF版本下载.txt

    根据提供的文件信息,我们可以推断出这是一本关于JavaScript DOM编程技术的书籍——《JavaScript DOM编程艺术(第2版)》。尽管实际书籍内容并未给出,但从标题、描述及部分链接信息来看,这本书主要涉及JavaScript...

    JavaScript DOM编程艺术(第2版pdf)+源代码

    JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍,专注于讲解如何使用JavaScript与Document Object Model(DOM)进行交互。DOM是Web页面的结构化表示,它允许我们通过编程方式操纵HTML和XML...

    JavaScript DOM编程艺术.pdf

    《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM(文档对象模型)编程的经典图书,它不仅阐述了JavaScript和DOM的基本知识,还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...

    随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip

    JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍,主要涵盖了JavaScript语言在Web前端开发中的应用,特别是关于DOM(Document Object Model)的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...

    经典之作javascript dom编程艺术源码

    JavaScript DOM编程艺术是一本深入解析DOM操作的经典书籍,它的源码提供了丰富的实例,帮助开发者深入理解如何使用原生JavaScript高效地操纵网页元素。DOM(Document Object Model)是HTML和XML文档的标准表示,它将...

    javascriptDom编程艺术+源码

    《JavaScript DOM编程艺术》是一本深受开发者欢迎的JavaScript学习书籍,专注于DOM(Document Object Model)这一核心概念。DOM是Web页面的结构模型,通过JavaScript与DOM的交互,开发者可以实现对网页内容的动态...

    JavaScript dom操作 dom元素查询 示例代码

    JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码...

    javascript dom2 源码及pdf

    总的来说,JavaScript DOM2是Web开发中的关键工具,它让JavaScript成为了一种强大的客户端脚本语言,为网页带来了丰富的动态性和交互性。通过学习和实践,开发者可以提高网页的用户体验,创建出更加智能和灵活的Web...

    JavaScript DOM编程艺术 第2版 及源码

    《JavaScript DOM编程艺术 第2版》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是Web页面的结构模型,JavaScript通过DOM API能够对网页内容进行动态操作,实现丰富的交互效果。这...

    javascript DOM 编程艺术源码

    JavaScript DOM编程艺术是一本深入探讨如何使用JavaScript操作和操纵网页文档对象模型(Document Object Model)的经典书籍。DOM是HTML和XML文档的一种结构化表示,它允许我们通过编程方式访问和修改网页内容。这...

    JavaScript DOM编程艺术 第2版

    ### JavaScript DOM编程艺术 第2版 #### 知识点概览 从提供的信息来看,《JavaScript DOM编程艺术 第2版》是一本专注于JavaScript及其与DOM(文档对象模型)交互的书籍。DOM是网页的核心组成部分之一,它定义了...

    javascriptDOM

    DOM是一个树形结构,将网页内容分解为独立的对象,这些对象可以被JavaScript或者其他脚本语言访问和操作。在JavaScript中,DOM主要用于创建、修改和操纵网页元素,从而实现动态网页效果。 在学习JavaScript DOM时,...

    javascript DOM高级程序设计源码

    《JavaScript DOM高级程序设计》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。这本书的源码提供了一种实践的方式,帮助读者更好地理解书中的理论知识,并且能够亲手实现书中提到的各种...

    JavaScriptDOM编程艺术

    《JavaScript DOM编程艺术》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是HTML和XML文档的结构化表示,JavaScript通过DOM API能够对网页内容进行动态操作,实现丰富的交互效果。...

    JavaScript dom操作 删除元素 示例代码

    JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 ...

    JavaScriptDOM编程艺术第二版

    JavaScript DOM编程艺术第二版是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍,主要面向希望提升JavaScript技能并掌握网页动态效果开发的Web开发者。DOM是HTML和XML文档的编程接口,它允许...

    javascript dom编程艺术 第2版 源码

    《JavaScript DOM编程艺术 第2版》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是Web页面的结构化表示,通过JavaScript,我们可以利用DOM来动态地操作HTML和XML文档,实现丰富的交互...

    Javascript DOM编程艺术(中文版)

    ### JavaScript DOM编程艺术知识点概述 #### 一、DOM基础概念 **1.1 DOM简介** DOM(Document Object Model)即文档对象模型,是一种与平台和语言无关的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和...

Global site tag (gtag.js) - Google Analytics