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. 关于 ActionBar、ToolBar、StatusBar 的开发经验整理

    一.ActionBar.ToolBar概述 1.1 ActionBar 1.2 ToolBar 1.3 StatusBar StatusBar 是一个半透明阴影,View 可以伸展到其后面. 1.4 ...

  2. redis 笔记04 服务器、复制

    服务器 1. 一个命令请求从发送到完成主要包括以下步骤: 1). 客户端将命令请求发送给服务器 2). 服务器读取命令请求,并分析出命令参数 3). 命令执行器根据参数查找命令的实现函数,然后执行实现 ...

  3. javascript Date对象 之 设置时间

    之前对js的date对象总是感觉熟悉,而不愿细细深究其所以然,所以每当自己真正应用起来的时候,总会糊里糊涂的,今日花费2个小时的时间仔细钻研了一下,感觉 豁然开朗,故,以此记录,一来 供以后查阅,二来 ...

  4. VMWare 网络连接模式(bridged、NAT、host-only)详解

    转自VMWare 网络连接模式(bridged.NAT.host-only)详解 host-only 在某些特殊的网络调试环境中,如何要求将真实环境和虚拟环境隔离开,这时你就可采用host-only模 ...

  5. SpringBoot AOP控制Redis自动缓存和更新

    导入redis的jar包 <!-- redis --> <dependency> <groupId>org.springframework.boot</gro ...

  6. filter方法解析

    filter一般用于将数组中的某些元素过滤掉,并生成一个新的数组 基本语法如下: var newArray= arrayObj.filter(functionObj); newArray 根据过滤条件 ...

  7. 总结一下TODO的用法

      1.设置任务的标签 WINDOW->preference->java->complier->task tags加一个 DONE:NORMAL表示已经完成的任务2. java ...

  8. [nowcoder]青蛙

    链接:https://www.nowcoder.com/acm/contest/158/F 挺有意思的一道题,考场并查集忘记路径压缩就没AK== 很显然一个贪心是不,每只青蛙使劲往前跳,能跳多远跳多远 ...

  9. @WebListener 注解方式实现监听

    1.创建 Dynamic Web Project ,Dynamic Web module version选择3.0 2.在自动生成 的web.xml配置,增加 metadata-complete=&q ...

  10. 实际工作中遇到关于Struts2线程安全的问题解决

    今天工作遇到一个难缠的bug,浪费了2个小时终于解决. 问题描述:对资源的管理中用到关键字查询以及分页查询.视图控制器用到struts2,数据存储用spring的data-mongodb来存储数据以及 ...