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. Codeforces Round #385 (Div. 1) C. Hongcow Buys a Deck of Cards

    地址:http://codeforces.com/problemset/problem/744/C 题目: C. Hongcow Buys a Deck of Cards time limit per ...

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

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

  3. 【Flask】Flask Cookie操作

    ### 什么是cookie:在网站中,http请求是无状态的.也就是说即使第一次和服务器连接后并且登录成功后,第二次请求服务器依然不能知道当前请求是哪个用户.cookie的出现就是为了解决这个问题,第 ...

  4. 20165101刘天野 2018-2019-2《网络对抗技术》Exp5 MSF基础应用

    目录 20165101刘天野 2018-2019-2<网络对抗技术>Exp5 MSF基础应用 1. 实践内容 1.1一个主动攻击实践,如ms08_067; (1分) 1.2 一个针对浏览器 ...

  5. 14.python模块之subprocess

    我们几乎可以在任何操作系统上通过命令行指令与操作系统进行交互,比如Linux平台下的shell.那么我们如何通过Python来完成这些命令行指令的执行呢?另外,我们应该知道的是命令行指令的执行通常有两 ...

  6. DCU IP Prefether

    DCU IP Prefether 数据高速缓存单元预取I P 设置.如果设置为E n a b l e d,会预取I P 地址以改善网络连接和系统性能,所以建议选择E n a b l ed.选项:E n ...

  7. PermutationSequence，求第k个全排列

    问题描述:给定一个数组,数组里面元素不重复,求第k个全排列. 算法分析:这道题就是用到取商取模运算. public String getPermutation(int n, int k) { // i ...

  8. Git的add、commit、push命令

    简单的代码提交流程1.git status 查看工作区代码相对于暂存区的差别2.git add . 将当前目录下修改的所有代码从工作区添加到暂存区 . 代表当前目录3.git commit -m ‘注 ...

  9. spring3: 对JDBC的支持 之 Spring提供的其它帮助 SimpleJdbcInsert/SimpleJdbcCall/SqlUpdate/JdbcTemplate 生成主键/批量处理

    7.4  Spring提供的其它帮助 7.4.1  SimpleJdbc方式 Spring JDBC抽象框架提供SimpleJdbcInsert和SimpleJdbcCall类,这两个类通过利用JDB ...

  10. asp.net core mvc中如何把二级域名绑定到特定的控制器上

    由于公司的工作安排,一直在研究其他技术,所以一直没时间更新博客,今天终于可以停下手头的事情,写一些新内容了. 应用场景:企业门户网站会根据内容不同,设置不同的板块,如新浪有体育,娱乐频道,等等.有的情 ...