JavaScript

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。
    <!DOCTYPE html>
    <html>
    <body>
    <h1>我的第一个页面</h1><p>我的第一个段落。</p>
    	
    <script>window.alert(5 + 6);
    </script>
    
    </body>
    </html>
    <!DOCTYPE html><html>
    <body>
    
    <h1>我的第一个 Web 页面</h1>
    
    	<p id="demo">我的第一个段落</p>
    
    <script>
    	document.getElementById("demo").innerHTML = "段落已修改。";
    </script>
    
    </body>
    </html>
    <!DOCTYPE html><html>
    <body><h1>我的第一个 Web 页面</h1>
    	<p>我的第一个段落。</p>
    	<script>document.write(Date());
    </script>
    
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <body>
    <h1>我的第一个 Web 页面</h1>
    <p>我的第一个段落。</p>
    <button onclick="myFunction()">点我</button>
    <script>
    function myFunction() {
       	document.write(Date());
    }
    </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <body>
    <h1>我的第一个 Web 页面</h1>
    <script>
    a = 5;
    b = 6;
    c = a + b;
    console.log(c);
    </script>
    
    </body>
    </html>

    字符串可以用单引号也可以用双引号

  • 数组(Array)字面量 定义一个数组:

    [40, 100, 1, 5, 25, 10]

    对象(Object)字面量 定义一个对象:

    {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

    函数(Function)字面量 定义一个函数:

    function myFunction(a, b) { return a * b;}

这些是JavaScript中的关键字,它们在HTML中没有直接的作用。但是,如果你在HTML中使用JavaScript代码,这些关键字将会起到相应的作用。例如:

  1. abstract:用于声明抽象类或抽象方法。
  2. else:用于表示条件语句的否定分支。
  3. instanceof:用于检查一个对象是否是某个构造函数的实例。
  4. super:用于调用父类的构造函数或方法。
  5. boolean:用于声明布尔类型的变量。
  6. enum:用于声明枚举类型。
  7. int:用于声明整数类型的变量(注意:在JavaScript中,整数类型是number)。
  8. switch:用于多分支选择结构。
  9. break:用于跳出循环或switch语句。
  10. export:用于导出模块的公共接口。
  11. interface:用于声明接口。
  12. synchronized:用于同步代码块,防止多线程同时访问。
  13. byte:用于声明字节类型的变量(注意:在JavaScript中,字节类型是number)。
  14. extends:用于继承父类的属性和方法。
  15. let:用于声明块级作用域的变量。
  16. this:用于引用当前对象。
  17. case:用于switch语句中的分支。
  18. false:布尔值false。
  19. long:用于声明长整型变量(注意:在JavaScript中,整数类型是number)。
  20. throw:用于抛出异常。
  21. catch:用于捕获异常。
  22. char:用于声明字符类型的变量(注意:在JavaScript中,字符类型是string)。
  23. finally:用于try-catch语句中的最终执行块。
  24. class:用于声明类。
  25. float:用于声明浮点数类型的变量(注意:在JavaScript中,浮点数类型是number)。
  26. null:表示空值或无值。
  27. true:布尔值true。
  28. const:用于声明常量。
  29. for:用于循环结构。
  30. package:用于声明包名(注意:在JavaScript中,包的概念是通过模块实现的)。
  31. try:用于尝试执行可能抛出异常的代码块。
  32. continue:用于跳过循环的当前迭代。
  33. function:用于声明函数。
  34. private:用于声明私有属性或方法。
  35. typeof:用于获取变量的类型。
  36. debugger:用于调试代码,暂停执行并进入调试器。
  37. goto:用于跳转到指定的标签(注意:在JavaScript中,不支持goto语句)。
  38. protected:用于声明受保护的属性或方法。
  39. var:用于声明变量。
  40. default:用于switch语句中的默认分支。
  41. if:用于条件判断。
  42. implements:用于实现接口的方法。
  43. return:用于返回函数的结果。
  44. volatile:用于声明易变的变量(注意:在JavaScript中,没有volatile关键字)。
  45. do:用于do-while循环结构。
  46. import:用于导入模块。
  47. short:用于声明短整型变量(注意:在JavaScript中,整数类型是number)。
  48. while:用于循环结构。

var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

注释和java一样

声明变量的时候可以这样

var lastname="Doe", age=30, job="carpenter";

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。

引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串

var carname="Volvo XC60";
var carname='Volvo XC60';

JavaScript 布尔

布尔(逻辑)只能有两个值:true 或 false。

var x=true;
var y=false;

JavaScript 数组

下面的代码创建名为 cars 的数组:

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

或者 (condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者 (literal array):

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

var person={firstname:"John", lastname:"Doe", id:5566};

上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行:

var person={
firstname : "John",
lastname  : "Doe",
id        :  5566
};

对象属性有两种寻址方式:

实例

name=person.lastname;
name=person["lastname"];

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

实例

cars=null;
person=null;

声明变量类型

当您声明新变量时,可以使用关键词 "new" 来声明其类型:

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

声明对象可以这样也可以这样

综合案例

可以这样用

  • 14
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值