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;      //
    
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";

【前端】JavaScript入门学习的更多相关文章

  1. JavaScript入门-学习笔记(一)

    JavaScript入门(一) 学习js之前,我们先来了解一下,什么是JavaScript? JavaScript是一种解释型语言.在运行的时候,一边读一边编译一边执行.简单来说就是,在执行js代码时 ...

  2. JavaScript入门学习书籍的阶段选择

    对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由.在 JavaScript 方面,自己不是什 ...

  3. JavaScript入门学习之一——初级语法

    JavaScript是前端编辑的一种编程语言(不同于html,html是一种标记语言),所以和其他的编程语言一样,我们将会从下面几点学习 基础语法 数据类型 函数 面向对象 JavaScript的组成 ...

  4. Javascript入门学习

    编程之道,程序员不仅仅要精通一门语言,而是要多学习几门. 本学习之源出自柠檬学院http://www.bjlemon.com/,特此声明. 第一课1:javascript的主要特点解释型:不需要编译, ...

  5. JavaScript入门学习(1)

    <html> <script type ="text/javascript"> var i,j; for (i=1;i<10;i++){ for (j ...

  6. JavaScript入门学习之二——函数

    在前一章中讲了JavaScript的入门语法,在这一章要看看函数的使用. 函数的定义 JavaScript中的函数和Python中的非常类似,只不过定义的方式有些不同,下面看看是怎么定义的 //定义普 ...

  7. javascript入门学习笔记2

    JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型: 实例 var x // x 为 undefined var x = 6; // x 为数字 var x = "Bil ...

  8. javascript入门学习笔记

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

  9. JavaScript入门学习笔记（JSON）

    JSON是JavaScript Object Notation的简称,是一种轻量级的数据交换格式. JSON使用JS的语法,但其格式只是一个文本,可以被任何编程语言读取病作为数据格式传递. JSON以 ...

随机推荐

  1. SqlHelper简单实现（通过Expression和反射）8.Sql Server数据处理类

    这个类基本上就是调用EntityHelper,ExpressionHelper和ObjectHelper来进行各种完整SQL的拼接操作. using System; using System.Conf ...

  2. redis 笔记05 Sentinel、集群

    Sentinel 1. Sentinel只是一个运行在特殊模式下的Redis服务器,它使用了和普通模式不同的命令表,所以Sentinel模式能够使用的命令和普通的Redis服务器能够使用的命令不同. ...

  3. 【笔记】css3实现网页平滑过渡效果...

    参考:http://www.imooc.com/video/7142 未完. <!DOCTYPE html> <html> <head> <meta char ...

  4. gh-ost测试

    gh-ost测试 1.不支持没有主键或者唯一索引的表 2018-08-24 09:53:33 FATAL No PRIMARY nor UNIQUE key found in table! Baili ...

  5. C++中的内存区[译文]

    C++ 中的内存区 Const Data: The const data area stores string literals and other data whose values are kno ...

  6. MapReduce:输入是两个文件，file1代表工厂表，包含工厂名列和地址编号列；file2代表地址表，包含地址名列和地址编号列。要求从输入数据中找出工厂名和地址名的对应关系，输出"工厂名----地址名"表

    文件如下: file1: Beijing Red Star Shenzhen Thunder Guangzhou Honda Beijing Rising Guangzhou Development ...

  7. zabbix监控实现电话报警OneAlert

    http://www.ttlsa.com/zabbix/zabbix-onealert-msg-compress/

  8. adplayer移植【转】

    本文转载自:https://blog.csdn.net/qq361294382/article/details/50525412 这两天做madplayer移植,由于是刚装的ubuntu14.04,所 ...

  9. Spring_事务-注解代码

    applicationContext.xml <?xml version="1.0" encoding="UTF-8"?><beans xml ...

  10. Spring -- 如何为applicationContext.xml 添加 util 的 *.xsd文件