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. LVS基本介绍

    一.LVS概念 LVS是Linux Virtual Server的简称,也就是Linux虚拟服务器.这是一个由章文嵩博士发起的一个开源项目,它的官方网站是http://www.linuxvirtual ...

  2. asp.net MVC 强类型视图表单Ajax提交的注意事项

    xmfdsh这几天遇到这么一个问题,在MVC中通过model模型生成的强类型视图的表单,在提交后的回调函数并没有发挥作用.如下图: 如上图,无论是通过Ajax.BeginForm或者Html.Begi ...

  3. cart_购物车小程序

    #author:leon product_list= [ ('iphone',5800), ('mac pro',9800), ('bike',800), ('watch',6000), ('coff ...

  4. 登录用户执行sudo时报错

    场景: 以普通用户登录,登陆后切换至root或其他用户时报错(sudo su -或sudo -i) 报错信息: -bash: /bin/logger: Argument list too long 根 ...

  5. Python3.x：pip install pymssql安装时出错

    Python3.x:pip install pymssql安装时出错 一.错误日志 error: Microsoft Visual C++ 14.0 is required. Get it with ...

  6. String创建方式的区别

    String str0 = "abc"; String str1 = new String("abc"); 第一句执行后,会在String pool中创建一个& ...

  7. viewport大白话

    以下所有内容均是我自己理解的,可能有误,懂得大佬希望指点一下我.. 首先,写一个简单的页面.里面只有1个200*200的div <html lang="en"> < ...

  8. Facebook力推导航库:React Navigation使用详解

    本文来自Songlcy投稿:文章地址:http://blog.csdn.net/u013718120/article/details/72357698 一.开源库介绍 今年1月份,新开源的react- ...

  9. Linux系统下配置squid代理服务器的过程详解

    简单记录一下Squid透明代理服务器的配置 环境:VirtualBox + CentOS 6.0 + squid-3.1.4-1.el6.i686 0.检查squid是否默认安装,没有安装的先安装 [ ...

  10. Spring Boot 快速入门(Eclipse)

    步骤一:关于版本(前期工作) JDK 1.8 maven 3.5 配置环境变量: 步骤二:创建项目 首先新建个maven项目(SpringBoot 应用,本质上是一个Java 程序,其采用的风格是 m ...