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. $python打包工具pyinstaller的用法

    pyinstaller是一个很好用的python打包工具,在Windows环境下可以将python脚本打包成一个exe可执行文件,并且脚本中所依赖的各种第三方库在打包时候都会被统一处理到一起,这样打包 ...

  2. hadoop26----netty，多个handler

    k客户端: package cn.itcast_03_netty.sendorder.client; import io.netty.bootstrap.Bootstrap; import io.ne ...

  3. 链接指示：extern "C"

    C++程序有时需要调用其他语言编写的函数,最常见的是调用C语言编写的函数.像所有其他名字一样,其他语言中的函数名字也必须在C++中进行声明,并且该声明必须指定返回类型和形参列表.对于其他语言编写的函数 ...

  4. BeatSaber节奏光剑双手柄MR教程

    一.物料准备: 1 显卡1060及以上的PC主机 2 HTC VIVE头盔一套(头盔直插显卡上的HDMI接口) 3 1080P摄像头一个(插USB3.0) 4 绿幕一套,能覆盖整个摄像头的可拍摄范围即 ...

  5. iOS字符串处理

    拼接字符串 NSString* string; NSString* string1, string2; //方法1. string = [NSString initWithFormat:@" ...

  6. netbeans等宽字体却不支持中文

    一直用netbeans,各方面都很满意,就是这字体十分不爽,如用等宽字体却不支持中文,百度了一下,找到了解决办法,贴出来,给需要的朋友. 01.找到自己java字体目录.我的目录是[C:\Progra ...

  7. 谷歌浏览器和火狐浏览器设置跨域和https、http混用 Chrome

    谷歌浏览器和火狐浏览器设置跨域和https.http混用 Chrome    添加启动项: 右键点击Chrome快捷方式,在目标一栏后添加启动项 允许跨域: --disable-web-securit ...

  8. SQL中比较好的For xml 用法实例

    --包裹单号 入库时间 交易号 商品分类 商品名称 实付款SELECT a.DeliveryCode AS '包裹单号',a.DomesticWarehouseInTime AS '入库时间',a.T ...

  9. Windows 10 操作系统删除Administrator登录选项

    在win10操作系统锁屏界面登录选项中突然出现了两个用户选项,一个是自己微软账户登录的用户,另一个是Administrator登录选项,每次看到好别扭,怎么去掉呢? 一.以管理员身份运行命令提示符(c ...

  10. 在OpenStack里怎样配置Neutron，让虚拟机访问外网

    http://blog.csdn.net/zhangli_perdue/article/details/50264681 OpenStack里虚机(或者叫instance)只有在分配floating ...