【js】day01_JS概述_Js特点_使用JS

本文链接：https://blog.csdn.net/u011637069/article/details/48810723

【js】day01_JS概述_Js特点_使用JS_调试

1. 什么是JS？

1）JS是脚本语言

--没有编译器的语言；

--JS和Java没有任何关系；

2）JS和Java的对比

A. Java的特点

面向对象：继承、封装、多态

B. JS的特点

基于对象：

有对象，但不支持严格的继承、封装、多态

--继承

JS中没有继承的概念，但是它有原型的概念。每个对象都有一个prototype属性，用来指定
该对象的原型对象，类似于继承。

--封装

JS中有不严格的封装，对象中封装的属性和方法是可以任意访问、修改的。

--多态

JS中的所有对象都是Object，即他们的根原型是Object。但是JS不像Java的多态
那样严谨，JS中的对象可以赋值给任意类型的其他对象。

2.JavaScript的特点

1）可以使用任何文本编辑器编写

2）由浏览器内置的JavaScript引擎执行代码

- 解释执行：事先不编译，逐行执行

- 基于对象：内置大量现成对象

3）适宜

3.使用JavaScript

1）事件定义式

- 在事件定义时直接写js

2）嵌入式

- 使用<script>标签

3）文件调用式

- 代码位于单独的.js文件中

- html页面引用.js文件

eg：

<!doctype html>
<html>
  <head>
    <title>如何使用JS</title>
    <meta charset="UTF-8"/>
    <!-- 嵌入式js需要写在script标签里 -->
    <script type="text/javascript">
       //要调用的JS需要定义在函数中；
      //function 函数名(参数) {函数体}
      function f2(){
        alert("嵌入式");
        //调试
        console.log("调试");
        alert(a);
      }
    </script>
    <!-- 引用js时<script>标签必须写成双标记;这个标签内部不要写其他内容了！ -->
    <script src="../js/d1.js" type="text/javascript"></script>
  </head>
  <body>
    <!-- 事件定义式 -->
    <input type="button" value="1" οnclick="alert('事件定义式');"/>
    <!-- 嵌入式 -->
    <input type="button" value="2" οnclick="f2();"/>
    <!-- 文件调用式 -->
    <input type="button" value="3" οnclick="f3();"/>
  </body>
</html>