JavaScript的理解,JS的初步认识(一)
什么是 JavaScript 语言?
- JavaScript 是一种轻量级的脚本语言。脚本语言指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”。
- JavaScript 是一种嵌入式(embedded)语言。它本身提供的核心语法不算很多,只能用来做一些数学和逻辑运算。JavaScript 本身不提供任何与 I/O(输入/输出)相关的 API,都要靠宿主环境(host)提供,所以 JavaScript 只合适嵌入更大型的应用程序环境,去调用宿主环境提供的底层 API。宿主环境最常见的环境就是浏览器,另外还有服务器环境,也就是 Node 项目。
- 从语法角度看,JavaScript语言是一种“对象模型”语言。各种宿主环境通过这个模型,描述自己的功能和操作接口,从而通过 JavaScript 控制这些功能。但是,JavaScript 并不是纯粹的“面向对象语言”,还支持其他编程范式(比如函数式编程)。这导致几乎任何一个问题,JavaScript 都有多种解决方法。
JavaScript 的核心语法?
- 只包括两个部分:基本的语法构造(比如操作符、控制结构、语句)和标准库(就是一系列具有各种功能的对象比如
Array
、Date
、Math
等) - 除此之外,各种宿主环境提供额外的 API(即只能在该环境使用的接口),以便 JavaScript 调用。
我们为什么要学习 JavaScript?
JavaScript适合作为我们学习编程的入门语言,也适合当作日常开发的工作语言。它是目前最有希望、前途最光明的计算机语言之一。
javascript脚本语言的主要特点:
- 解释性:javascript是一种解释语言,源代码不需要经过编译,直接在浏览器上运行时被解释。
- 基于对象:javascripth是一种基于对象的语言,能运用自己已经创建了的对象,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
- 事件驱动:JavaScript可以直接对用户或客户输入做出响应,无需经过web服务程序。他对用户的响应,是以事件驱动的方式进行的,所谓事件驱动,指的是在主页执行了某种操作所产生的动作,此动作称为“事件”。
- 跨平台:JavaScript依赖于浏览器本身,与操作环境无关。只要能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行。
- 安全性:JavaScript是一种安全性语言。它不允许访问本地的磁盘,并不能将数据存入服务器上;不允许对网络文本进行修改和删除,只能通过浏览器实现信息浏览或动态交互。可有效的防止数据丢失。
JavaScript 用法
- HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
- 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
<script>标签:如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
//<script> 和 </script> 之间的代码行包含了 JavaScript<script>alert("hello world");
</script>//您无需理解上面的代码。只需明白,浏览器会解释(解析)并执行位于 <script> 和 </script>之间的 JavaScript 代码//注: JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
<body> 中的 JavaScript:JavaScript 会在页面加载时向 HTML 的 <body> 写文本
<!DOCTYPE html>
<html>
<body><script>document.write("<h1>这是一级标题</h1>");document.write("<p>这是一个段落</p>");</script>
</body>
</html>
JavaScript 输出方式
JavaScript 可以通过不同的方式来输出数据:
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
1、window.alert()使用
<!DOCTYPE html>
<html>
<body><script>window.alert(5 + 6);//弹出11
</script></body>
</html>
2、document.write()使用
<!DOCTYPE html>
<html>
<body>
<script>document.write(new Date().toLocaleString());
</script></body>
</html>
3、innerHTML 使用
<!DOCTYPE html>
<html>
<body><p id="demo">我的第一个段落</p><script>document.getElementById("demo").innerHTML = "段落已修改";
</script></body>
</html>
4、console.log()使用
<!DOCTYPE html>
<html>
<body><script>var a = 5;var b = 6;var c = a + b;console.log(c);
</script></body>
</html>
JavaScript 字面量
定义:在编程语言中,一般固定值称为字面量,如 3.14
//字面量有:1、数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。2、字符串(String)字面量 可以使用单引号或双引号3、表达式字面量 用于计算 如:5 + 6 或 5*54、数组(Array)字面量 定义一个数组 [1,2,3,4,5,6]5、对象(Object)字面量 定义一个对象 {name:'小马哥',age:15}6、函数(Function)字面量 定义一个函数 function Fu(a, b) { return a * b;}
JavaScript 变量
在编程语言中,变量用于存储数据值。
变量的命名规则:
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值
<script>var x;x = 5</script>//变量可以通过变量名访问。在指令式语言中,变量通常是可变的。字面量是一个恒定的值。//注:变量是一个名称。字面量是一个值。
JavaScript 注释
作用:
- JavaScript 注释可用于提高代码的可读性。
- 可用于调试
不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略://var len = 16; 这行代码就不会被浏览器解析(单行注释)JavaScript 多行注释多行注释以 /* 开始,以 */ 结尾document.getElementById("myH1").innerHTML="Hello world";
/*会在输出
页面输出Hello world*/ (多行注释)
JavaScript 事件
HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。
HTML 事件
HTML 事件可以是浏览器行为,也可以是用户行为。
HTML 事件的实例:
- HTML 页面完成加载
- HTML input 字段改变时
- HTML 按钮被点击
//通常,当事件发生时,你可以做些事情。//在事件触发时 JavaScript 可以执行一些代码。//HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。//在下实例中,按钮元素中添加了 onclick 属性 (并加上代码):<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
常见的HTML事件
事件 | 描述 |
---|---|
onchange | HTML 元素改变 |
onclick | 用户点击 HTML 元素 |
onmouseover | 用户在一个HTML元素上移动鼠标 |
onmouseout | 用户从一个HTML元素上移开鼠标 |
onkeydown | 用户按下键盘按键 |
onload | 浏览器已完成页面的加载 |
JavaScript 可以做什么?
事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:
- 页面加载时触发事件
- 页面关闭时触发事件
- 用户点击按钮执行动作
- 验证用户输入内容的合法性等等
JavaScript的理解,JS的初步认识(一)相关推荐
- javascript深入理解js闭包[转]
一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量 ...
- javascript深入理解js闭包
一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量 ...
- [javascript] 深入理解js闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域 ...
- 悟透JavaScript(理解JS面向对象的好文章)
引子 编程世界里只存在两种基本元素,一个是数据,一个是代码.编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力. 数据天生就是文静的,总想保持自己固有的本色:而代码却天生活泼,总想改变这个 ...
- javascript深入理解js闭包(摘自网络)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域 ...
- 彻底理解js中this
相关博文:http://blog.csdn.net/libin_1/article/details/49996815 彻底理解js中this的指向,不必硬背. 首先必须要说的是,this的指向在函数定 ...
- 深入理解js的执行机制
写在前面 javascript在浏览器中被浏览器的js引擎执行解释,从执行上下文的角度分析一下js的执行机制 执行上下文 执行上下文被定义成javascript引擎在处理理解js代码时,所创建的一个动 ...
- 重学JavaScript深入理解系列(一)
JavaScript深入理解--执行上下文(Execution Context) 定义 每当控制器到达ECMAScript可执行代码的时候,控制器就进入了一个执行上下文. 执行上下文(简称:EC) 以 ...
- json2.js的初步学习与了解(转)
转载来源:http://apps.hi.baidu.com/share/detail/6092406 json2.js的初步学习与了解 1.)该js的下载地址是:http://www.json.org ...
- 理解js中this的指向
彻底理解js中this的指向 JavaScript 的 this 指向问题深度解析 转载于:https://www.cnblogs.com/jeacy/p/6509616.html
最新文章
- SAP PP ECR的Profile规定了用它可以修改哪些数据对象
- RabbitMQ系列之三:publish subscribe
- weblogic调优的经过
- Arduino 各种模块篇 motor shield
- YUI Grid CSS的优雅设计(转)
- Django + DRF + Elasticsearch 实现搜索功能
- 如何把html转换成音频网址,怎么把视频转换成音频 视频转换成mp3
- dart系列之:手写Library,Library编写实践
- C++实现桶排序——十大经典排序算法之九【GIF动画+完整代码+详细注释】
- 什么就像谈恋爱一样?
- centos8安装mysql_CentOS8+FreeRadius+Mysql8.0+daloRadius建立Radius服务器
- 2020年最好用的手机是哪一款_2020年10款最好用的健康秤
- 检查Linux服务器性能的关键十条命令
- 一文读懂如何用深度学习实现网络安全
- python二元一次方程组用鸡兔同笼的思路来写编程_3 应用二元一次方程组——鸡兔同笼 教学设计...
- 不同品牌路由器无线桥接的设置方法
- echarts 地图自定义图标_Echarts3.0 地图自定义图标
- 广发卡分期可商户分期啦
- Mysql时区差异异常-The server time zone value ‘xxx‘ is unrecognized or represents more than one time zone.
- 他励直流电动机的制动