zoukankan      html  css  js  c++  java
  • 学习笔记10

      今天来粗略的学习一下js<script></script>

      JavaScript:写入 HTML 输出     

    document.write("<h1>This is a heading</h1>");
    

       JavaScript:对事件作出反应       

    <button type="button" onclick="alert('Welcome!')">点击这里</button>
    

      JavaScript:改变 HTML 内容       

    function myFunction()      {
      x=document.getElementById("demo"); // 找到元素
      x.innerHTML="Hello JavaScript!"; // 改变内容
    } <button type="button"  onclick="myFunction()">点击这里</button>  

      JavaScript:改变 HTML 样式     

    x=document.getElementById("demo") //找到元素 x.style.color="#ff0000";

      JavaScript:验证输入     

    if isNaN(x) {alert("Not Numeric")};

      JavaScript 对大小写敏感。

      对代码行进行折行 可以在文本字符串中使用反斜杠对代码行进行换行    document.write("Hello World!");

      javascript 单行注释以 // 开头  多行注释以 /* 开始,以 */ 结尾

       JavaScript 申明变量以var 开头  可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可   未使用值来声明的变量,其值实际上是 undefined

      javascript数组 例 var desks=new array() ;array[0]="BMW";array[1]="benz";array[2]="byd";

          使用 console.log() 可以输出任意类似的变量; 

      使用 console.dir() 来输出对象的属性或者方法。   
      使用 console.trace()用来追踪函数的调用轨迹。
      使用 console.time() 和console.timeEnd(),用来显示代码的运行时间。
      使用 console.profile()和console.profileEnd();来测试函数或代码的性能。

      来代替alert()或document.write(); 

      JavaScript 对象 例var person={firstname:"Bill", lastname:"Gates", id:5566};

              Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。cars=null; person=null;

          javascript当您声明新变量时,可以使用关键词 "new" 来声明其类型:例var carname=new String;

      JavaScript 中的所有事物都是对象 在 JavaScript 中,对象是拥有属性和方法的数据    例person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; 

      javascript   访问对象属性的语法是:objectName.propertyName    例var message="Hello World!"; var x=message.length;

            访问对象的方法:objectName.methodName()   例:var message="Hello world!"; var x=message.toUpperCase();

      javascript函数 例:<button onclick="myFunction('Bill Gates','CEO')">点击这里</button> <script> function myFunction(name,job) { alert("Welcome " + name + ", the " + job); } </script>

              function myFunction() { var x=5; return x; }

     

  • 相关阅读:
    spring-注解配置-junit整合测试-aop
    安装springsource-tool-suite插件成功之后找不到spring的处理办法
    spring-搭建-概念-配置详解-属性注入
    JSP-案例-商品增删改
    struts2-自定义拦截器-struts2标签
    struts2-OGNL表达式-OGNL与Struts2的结合
    struts2-result-servletAPI-获得参数-参数封装
    struts2-环境搭建-访问流程-配置详解-常量配置-类详解
    Hibernate-一对多|多对一-多对多
    Hibernate-HQL-Criteria-查询优化
  • 原文地址:https://www.cnblogs.com/isuben/p/3805132.html
Copyright © 2011-2022 走看看