JavaScript学习笔记1

简介: JavaScript学习笔记1

一、JavaScript简介


1、起源


在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。Netscape在最初将其脚本语言命名为LiveScript,因为Netscape与Sun合作,网景公司管理层希望它外观看起来像Java,因此取名为JavaScript。


2、特性


①脚本语言


JavaScript是一种解释型的脚本语言。不同于C、C++、Java等语言先编译后执行, JavaScript不会产生编译出来的字节码文件,而是在程序的运行过程中对源文件逐行进行解释。


②基于对象


JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。但是面向对象的三大特性:『封装』、『继承』、『多态』中,JavaScript能够实现封装,可以模拟继承,不支持多态,所以它不是一门面向对象的编程语言。


③弱类型


JavaScript中也有明确的数据类型,但是声明一个变量后它可以接收任何类型的数据,并且会在程序执行过程中根据上下文自动转换类型。


④事件驱动


JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。


⑤跨平台性


JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支持JavaScript脚本语言。目前JavaScript已被大多数的浏览器所支持。


二、js:HelloWorld


1、功能效果图



image.png


2、代码实现


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HelloWorld</title>
  </head>
  <body>
    <!-- 在HTML代码中定义一个按钮 -->
    <button type="button" id="helloBtn">SayHello</button>
  </body>
  <!-- 在script标签中编写JavaScript代码 -->
  <script type="text/javascript">
    // document对象代表整个HTML文档
    // document对象调用getElementById()方法表示根据id查找对应的元素对象
    var btnElement = document.getElementById("helloBtn");
    // 给按钮元素对象绑定单击响应函数
    btnElement.onclick = function(){
      // 弹出警告框
      alert("hello");
    };
  </script>
</html>


相关文章
|
2天前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
19 0
webgl学习笔记3_javascript的HTML DOM
|
2天前
|
JavaScript 前端开发 Java
webgl学习笔记2_javascript基础快速学习
webgl学习笔记2_javascript基础快速学习
19 0
|
2天前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
2天前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
25 0
|
6月前
|
前端开发 JavaScript Python
javascript入门学习笔记打卡(2)
javascript入门学习笔记打卡(2)
23 0
|
8月前
|
JavaScript
JS 学习笔记一 (基础)
JS 学习笔记一 (基础)
45 0
|
8月前
|
JavaScript 前端开发
JS 学习笔记四(DOM) 悬停事件 获取节点
JS 学习笔记四(DOM) 悬停事件 获取节点
38 0
|
8月前
|
JavaScript
JS 学习笔记四(DOM)(节点)
JS 学习笔记四(DOM)(节点)
31 0
|
8月前
|
JavaScript 前端开发 Java
js学习笔记
js学习笔记
37 0
|
9月前
|
前端开发
前端学习笔记202305学习笔记第三十三天-js-使用const声明变量特点
前端学习笔记202305学习笔记第三十三天-js-使用const声明变量特点2
44 0