zoukankan      html  css  js  c++  java
  • 【前端】JavaScript入门学习

    1. <button type="button" onclick="alert('hillo!')">Here</button>
    2. <script>
      function myFunction()
      {
      x=document.getElementById("demo"); // 找到元素
      x.innerHTML="Hello JavaScript!"; // 改变内容
      }
      </script>

    3. x=document.getElementById("demo")  //找到元素
      x.style.color="#ff0000";           //改变样式
    4. <script>
      function myFunction()
      {
      var x=document.getElementById("demo").value;
      if(x==""||isNaN(x))
      {
      alert("Not Numeric");
      }
      }
      </script>

    5. HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
    6. <script>
      function myFunction()
      {
      document.getElementById("demo").innerHTML="My First JavaScript Function";
      }
      </script>

    7. <!DOCTYPE html>
      <html>
      <body>
      <script src="myScript.js"></script>
      </body>
      </html>
    8. 多行注释以 /* 开始,以 */ 结尾。
    9. "<br>" --- 换行
    10. 变量必须以字母开头;变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做);变量名称对大小写敏感(y 和 Y 是不同的变量)
    11. var y=123e5;      // 12300000
      var z=123e-5;     // 0.00123
    12. var cars=new Array();
      cars[0]="Audi";
      cars[1]="BMW";
      cars[2]="Volvo";
    13. var cars=new Array("Audi","BMW","Volvo");
    14. var cars=["Audi","BMW","Volvo"];
    15. var person={
      firstname : "Bill",
      lastname  : "Gates",
      id        :  5566
      };
    16. name=person.lastname;
      name=person["lastname"];
    17. 当您声明新变量时,可以使用关键词 "new" 来声明其类型:
      var carname=new String;
      var x=      new Number;
      var y=      new Boolean;
      var cars=   new Array;
      var person= new Object;
    18. JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。

      在 JavaScript 中,对象是拥有属性和方法的数据。

    19. person=new Object();
      person.firstname="Bill";
      person.lastname="Gates";
      person.age=56;
      person.eyecolor="blue";
    20. 您可以通过下面的语法调用方法:
      objectName.methodName()
    21. var message="Hello world!";
      var x=message.toUpperCase();
    22. 对字符串和数字进行加法运算 如果把数字与字符串相加,结果将成为字符串。

    23. JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
      greeting=(visitor=="PRES")?"Dear President ":"Dear "; 如果变量 visitor 中的值是 "PRES",则向变量 greeting 赋值 "Dear President ",否则赋值 "Dear"。

    ===========================================================================

    教程

    HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

    脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

    • 写入:document.write

    • 函数的JS脚本一般放在head中

    • 外部的 JavaScript

    • 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件。

    • JavaScript 通常用于操作 HTML 元素。
    • 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素。

    • 请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

    • JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

    • JavaScript 对大小写敏感。

    • 对代码行进行折行 
    • document.write("Hello 
      World!");
    • JavaScript 注释可用于提高代码的可读性。
    • 通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。

    • JavaScript 单行注释用// ;多行注释用/* ... */(类似java,要在script标签内的)

    • 变量的设置用var //var x =2; (变量的取名,跟java一样的;变量的数据类型,暂时关注数值和文本,文本要用双/单引号,数值不用。)

    • <script>
      var pi=3.14;
      document.write(pi + "<br>");
      </script>
    • 一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。

    • 一条语句,多个变量 //也可以跨行

    • var name="Gates", age=56, job="CEO";
    • 字符串、数字、布尔、数组、对象、Null、Undefined

    • var y=123e5;      // 12300000
      var z=123e-5;     // 0.00123
    • 布尔(逻辑)只能有两个值:true 或 false。

      var x=true
      var y=false
    • 数组

    • var cars=new Array();
      cars[0]="Audi";
      cars[1]="BMW";
      cars[2]="Volvo";
      ========================================
      var cars=new Array("Audi","BMW","Volvo");
      ========================================
      var cars=["Audi","BMW","Volvo"];
    • JavaScript 对象 //var person={firstname:"Bill", lastname:"Gates", id:5566}; //这个也可以分行写,像java一样的

    • 声明变量类型

    • var carname=new String;
      var x=      new Number;
      var y=      new Boolean;
      var cars=   new Array;
      var person= new Object;
    • 在 JavaScript 中,对象是拥有属性和方法的数据。

    • 函数:<script>function myFunction(var1,var2){这里是要执行的代码}</script>

    • (使用 var)是局部变量,只能在函数内部访问它。 //全局变量直接 carname="Volvo";
    感谢阅读,一起努力呗!
  • 相关阅读:
    【Web-Components】document.registerElement
    Date
    类型转换
    【Web-Components】HTML imports
    【Web-Components】
    【Web-Components】Shadow Dom
    【Mobile】
    数据库读写分离
    HDU——T 1711 Number Sequence
    洛谷——P2957 [USACO09OCT]谷仓里的回声Barn Echoes
  • 原文地址:https://www.cnblogs.com/jennyhui/p/3791110.html
Copyright © 2011-2022 走看看