zoukankan      html  css  js  c++  java
  • JS基础知识

    JavaScript事件列表

    一般事件:主要是鼠标擦偶偶

    页面事件:onload(页面内容完成时触发此事件)、onmove(浏览器窗口被移动)、onresize(浏览器窗口大小改变)、onstop(浏览器停止按钮被按下或正在下载的文件被中断)、onabort(在下载时被用户中断)

    表单事件:onsubmit(表单事件被触发时提交)

    JavaScript常用内部对象

    Object 提供自定义对象,不需要定义构造函数

    String 动态对象,只有创建实例后,才能引用其属性和方法

               ----------------- length、indexOf、replace、substr(返回指定位置,指定长度)、substring(返回从一个开始位置到另一个结束位置间的所有字符串)、toLowerCase、toUpperCase

    Array 创建数组,可对其进行排序、删除等操作

    Document 该对象是与文档元素(element)一起工作的对象  

              ----------------write、writeln(与write相似,但输出文本随后空一格)、open(清除当前文档,写入指定类型数据流)、close(关闭文档输入流)

    1、定时器相关知识

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
     
    
    </head>
    
    <body onload="progress_update()">
    <div id="demo" style="border:solid #0000FF 2px"></div>
    
    <script type="text/javascript">
    
     var prosressInterval=60;
     var progressBegin=0;
     var  progressEnd=30;
     var progressTimer;
     function progress_clear()
     {
         //清空定时器
         clearTimeout(progressTimer);
         //隐藏div
         document.getElementById("demo").style.visibility="hidden";
     }
     function progress_update()
     {
         progressBegin++; 
        if(progressBegin>progressEnd)
        //progress_clear(); 
         clearTimeout(progressTimer);
        else
            // document.getElementById("demo").style.backgroundColor="blue";
            document.write("<br>"+progressBegin+" ");
        progressTimer=setTimeout("progress_update()",prosressInterval); 
     }
    </script>
    </body>
    </html>

    2、函数相关知识

    这个例子主要是举了创建Student类的属性、方法,以及其调用方法

    var obj=new objName(参数);

    for(var property in student)
    { 
    alert(flag+property+" "+student[property]);
    }

    可用以上的方法查看student中各个属性和方法

    <!DOCTYPE html>
    <head></head>
    <body onload="progress_update()">
    <div id="demo" style="border:solid #0000FF 2px"></div>
    <div>
    <input id="txt1" type="text"  />
    <input id="txt2" type="text"  />
    <input id="but1" type="button" onclick="Study()"  />
    </div>
    
    <script type="text/javascript">
    //自定义函数
    //function 函数名(参数)
    //{code;return expression;}
    //对象的创建
    function Student(name,age)
    {
    this.name=name;
    this.age=age;
    this.Read=Read;//注意调用方法Read()这个用法
    }
    function Read()
    {
    alert(this.name+"正在读书");
    }
    function Study()
    {
    var student=new Student(txt1.value,txt2.value);
    student.Read();
    } 
    </script>
    </body>
    </html>

     注意:

    1、要着重掌握好string的基本用法

    2、计时器很可能会用到

    3、document.write("content"),document.getElementById("id")

    4、js中区分字母大小写,注释、基本语法与C系语言相同

    JS中innerHTML,innerText,value  的区别

  • 相关阅读:
    spring data实现自定义的repository实现类,实现跟jpa联通
    SQLYog快捷键大全
    JSP 中EL表达式用法详解
    java中的标记接口
    单元测试中快速执行某个方法
    Spring Boot 以 jar 包方式运行在后台
    Spring Data JPA
    扩展spring data jpa的数据更新方法时注意事项
    在Spring Data JPA 中使用Update Query更新实体类
    高速创建和mysql表相应的java domain实体类
  • 原文地址:https://www.cnblogs.com/songxxu/p/4195428.html
Copyright © 2011-2022 走看看