位置: 编程技术 - 正文

JavaScript入门之语言基础第1/2页(js 入门)

编辑:rootadmin
JavaScript 语言正越来越受欢迎,可以说是是互联网上最突出的语言之一。你可以跨平台和浏览器使用它,其并不排斥后端语言。现在有许多不同的开发库——有些非常棒—— 这些库对开发很有帮助,比如说加快了开发的时间等等。问题是,有时候这些库与原始语言之间很是有一些距离,这使得刚入门的开发者缺乏一种对语言的基础了解。 本文通过全面列举基础的JavaScript概念这一方式来阐述该语言的基本原理,以此来为初学者提供一个对语言的基本了解,随处可见的代码例子则是用来说明所有的这些概念是如何在语言中体现出来的。 了解JavaScript语言 JavaScript语言是一种免费的客户端脚本语言,其能够让你往超文本标记语言(Hypertext Markup Language,HTML)页面中加入交互行为。客户端(client-side)意味着JavaScript运行在浏览器中,而不是用在服务器端。在网页被服务器送达并被浏览器加载后,客户端脚本就允许用户与网页进行交互。例如,Google Maps就是使用JavaScript语言来支持用户与地图之间的交互的,交互的方式有移动地图、放大和缩小等。没有JavaScript语言的话,网页需要为每次和每个用户的交互行为进行刷新,当然,除非页面用到了诸如Adobe Flash或是Microsoft® Silverlight一类的插件。JavaScript语言不需要插件。 因为JavaScript语言为加载后的网页提供用户交互行为,因此开发者通常会用它来实现下面的一些功能: 1. 动态添加、编辑和删除HTML元素及它们的值。 2. 在提交之前校验表单。 3. 在用户的计算机上创建cookies以用于在将来的访问中保存和检索数据。 在开始之前,只要知道语言的几个基本原则就行了: 1. 要在HTML文件中把JavaScript代码包含进来的话,你必须要把代码放在脚本标签(script)的内部,并加入text/javascript这一类型(type)属性(清单1)。 2. 所有的JavaScript语句以分号结束。 3. 语言是大小写敏感的。 4. 所有的变量名都必须以字母或是下划线作为开始。 5. 你可以使用注释来说明脚本中的某些行,注释的编写方式是,以一个双斜线(//)为开始,后面跟着注释。 6. 你还可以使用注释来把脚本注释掉。要注释脚本的多行的话,一种好的做法是使用/* 你的脚本在这里 */。任何位于星号之内的脚本在执行过程中都不会运行。 清单1.需要使用script标签和type属性来把JavaScript代码包含到HTML文件中来 <script type="text/javascript"></script> 要隐藏浏览器不支持的JavaScript的代码,或是用户想把代码关掉的话,只要在JavaScrip语句的前后使用注释标签就可以了(清单2)。 清单2. 使用注释来隐藏浏览器不支持的JavaScript代码 最常用的把JavaScript代码包含到网页中的方式是,使用脚本(script)标签中的src属性来把代码从一个外部的JavaScript文件中加载进来(清单3)。 清单3. 在HTML文件中包含外部的JavaScript文件 <script type="text/javascript" src="path/to/javascript.js" kesrc="path/to/javascript.js"></script> 外部JavaScript文件是最常见的包含JavaScript代码的方式,这是有一些很实在的原因的: 1. 如果你的HTML页面中有着更少的代码的话,搜索引擎就能够以更快的速度来抓取和索引你的网站。 2. 保持JavaScript代码和HTML的分离,这样代码显得更清晰,且最终更易于管理。 3. 因为可以在HTML代码中包含进多个JavaScript文件,因此你可以把JavaScript文件分开放在web服务器上不同的文件目录结构中,这类似于图像的存放方式,这是一种更容易管理代码的做法。清晰、有条理的代码始终是让网站管理变得容易起来的关键。 变量 变量存储数据,这些数据稍后要被检索的或是要使用新的数据来更新。存储在变量中的数据可以是一个值或表达式,JavaScript语言有三种类型的表达式,表1对此做了描述。 表1. JavaScript表达式 表达式描述 算术 计算的结果为一个数值 字符串计算的结果为一个字符串 逻辑 计算的结果为一个布尔值(true或者false) 变量有两种类型:局部的和全局的。局部变量使用var这一关键字来声明,声明全局变量则不需要使用var关键字。使用了var关键字的变量被看成是 局部的,因为除了你声明它的地方所处的范围之外,它不能在其他任何地方被访问。例如,如果你在一个函数(在将近文章的结尾部分我会谈论到)的内部声明了一个局部变量的话,该变量就不能在该函数之外被访问,这就使得它是这一函数局部的。如果你没有使用var关键字声明这同一变量的话,它在整个脚本中就都是可被访问到的,而不仅限定于只能在那个函数中被访问。 清单4给出了一个局部变量的例子,其被命名为num,并被赋值为。 清单4. 声明一个局部变量 var num = ; 要在脚本中的另一个位置访问num变量的值的话,你只需要通过名称来引用该变量就可以了,如清单5所示。 清单5. 访问变量的值 这一语句的结果是“The value of num is: ”。这一document.write函数把数据写到网页中,在本文余下的部分中你都是使用这一函数来把例子写到网页中。 要把算术表达式存储到变量中的话,你只要把变量指配给计算的值就可以了,如清单6所示。计算的结果而非算式本身被存储在变量中。因此,我们又一次得到这一结果“The value of num is: ”。 清单6. 存储算术表达式 要改变变量的值的话,通过你为变量所分配的名称来引用变量,并使用等号来为其赋一个新的值(清单7)。这次的不同之处在于你不需要使用var关键字,因为变量已经声明过了。 清单7. 改变现有变量的值 这一脚本的结果先是一句“The value of num is: ”,后面跟着“The new value of num is: ”。除了讲解变量之外,这一节内容还引入了下一个主题,也就是运算符。你用来把值赋给变量的等号(=)就是一个赋值运算符,以及你用在5+5中的加号(+)是一个算术运算符。下一节内容谈论JavaScript语言中的所有变量运算符及其用法。 运算符 在执行JavaScript语言中的任何运算时,你都需要运算符。运算包括了加法、减法、比较等。JavaScript语言中有四种运算符。 1. 算术 2. 赋值 3. 比较 4. 逻辑 算术运算符 算术运算符执行基本的数学运算,比如说加减乘除等。表2列出并描述了JavaScript语言中的所有可用的算术运算。 表2. 算术运算符 运算符描述 + 加法 - 减法 * 乘法 / 除法 % 取模(找出余数) ++  递增 --递减 赋值运算符 算术运算符执行基本的数学运算,而赋值运算符则是把值赋给JavaScript变量。当你在前面一节中把值赋给变量时,你已经见到了最常用的赋值运算符。表3列出并描述了JavaScript语言中所有可用的赋值运算符。 表3. 赋值运算符 运算符描述 =等于 +=把加法值(变量加上值的结果值)赋给变量 -=把减法值(变量减去值的结果值)赋给变量 *=把乘法值(变量乘上值的结果值)赋给变量 /=把除法值(变量除以值的结果值)赋给变量 %=把取模值(变量对值取模的结果)赋给变量 你已经看到了如何使用等号来把值或是表达式赋给变量,但现在我会给展示如何使用一个令人稍加困惑的赋值运算符。把一个加法值赋给一个变量可能是一个很奇怪的概念,但实际上很简单(清单8)。 清单8. 把一个加法值赋给一个变量 这一脚本的结果是“The value of num is: ”后面跟着“"The new value of num is: ”。你可以看到,这一脚本中的运算符把加法值赋给了变量。这也可以当作是清单9中所编写的脚本的一种简短写法。 清单9. 把加法值赋给变量的一种更长的写法。 比较运算符 比较运算符确定变量或是它们的值之间的关系。你在条件语句中使用比较运算符,通过比较变量或是它们的值来计算出语句为true还是为false,以此创建逻辑。表4列出并描述了JavaScrpit语言中所有可用的比较运算符。 表4. 比较运算符 运算符描述 ==等于 === 全等,用于值和对象类型 !=不等于 >大于 <小于 >= 大于或等于 <= 小于或等于 在编写任何类型的逻辑时,变量和值的比较都是最基本的。清单中的例子展示了如何使用等于这一比较运算符(==)来确定是否等于1。

推荐整理分享JavaScript入门之语言基础第1/2页(js 入门),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript入门之语言基础第1/2页(js 入门)

文章相关热门搜索词:javascript简明教程,js 入门,javascript基础入门视频教程,javascript快速入门教程,javascript快速入门教程,javascript教程chm,javascript快速入门,javascript基础入门视频教程,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript内核之基本概念 本章主要讲述JavaScript中的数据类型(基本类型与引用类型),变量(包括变量的作用域),操作符(主要是一些较为常见,但是不容易从字面上理解的操作符)

JavaScript入门之对象与JSON详解 JavaScript对象与传统的面向对象中的对象几乎没有相似之处,传统的面向对象语言中,创建一个对象必须先有对象的模板:类,类中定义了对象的属性和

JavaScript入门之基本函数详解 总的来说,函数在JavaScript中可以:◆被赋值给一个变量◆被赋值为对象的属性◆作为参数被传入别的函数◆作为函数的结果被返回◆用字面量来创建函

标签: js 入门

本文链接地址:https://www.jiuchutong.com/biancheng/380543.html 转载请保留说明!

上一篇:学习JavaScript的最佳方法分享(javascript主要学什么)

下一篇:JavaScript内核之基本概念(javascript核心技术)

  • 印花税缴纳方式一经选择1年之内不得修改
  • 股票权类型
  • 财务费用包含哪些项目
  • 手机上可以开个人劳务发票吗
  • 现金流量表中的销售商品提供劳务收到的现金
  • 全年一次性奖金个税计算
  • 库存商品领用会计分录
  • 成品油认证后要开票怎么做
  • 人力资源的差额征收怎么报企业所得税
  • 重分类八个对应科目有哪些
  • 零申报失败什么原因
  • 坏账准备贷方核算内容
  • 建筑业工程项目登记是哪方提交
  • 会计准则 现金流量
  • 个人出售住房缴纳房产税吗
  • 发票丢失说明怎么填写
  • 微信公众订阅号怎么注册
  • 住宿费可以抵扣吗?
  • 火腿属于免税产品吗
  • 装修行业属于什么行业分类
  • 准则大家学第十二集
  • 新公司企业怎么注册
  • 收到的劳务费发票进什么科目
  • 如果辞职了,能一次性拿到钱吗?
  • 汽车运输增值税专用发票多少税点
  • 转让长期股权投资怎么算
  • 员工工资漏申报怎么办
  • 家具螺丝螺母一般在哪里卖
  • 技术服务费如何收取
  • win11如何退回win10超过10天
  • 细说php
  • phpcms手册
  • bassmod.dll
  • macOS 11 Big Sur 开发者预览版Beta 9正式推送
  • 融资性租赁的优缺点
  • 踩坑视频
  • PHP:imagepalettetotruecolor()的用法_GD库图像处理函数
  • 个人博客登录入口
  • 前端项目如何部署到服务器
  • vue foreach is not a function
  • framework教程
  • 前端实际开发
  • docker的常用命令汇总
  • .patch文件
  • 融资租入固定资产
  • 完美破费是什么意思
  • 招待费超出部分的分录
  • 银行存款利息收入会计分录怎么写
  • 从财务报表中能看出什么
  • 货物赔偿款如何计算
  • 小规模免税怎么做账务处理
  • 主营业务收入和营业外收入均属于收入
  • 土地使用权被政府收回没有注销怎么样缴土地使用税
  • 企业按季度交税
  • 应付账款多好还是少好
  • 未开票的收入如何申报增值税
  • 研发费用加计扣除的条件
  • 经营范围中没有这个项目开票后果
  • 加计扣除所得税怎么算
  • 佣金怎样算
  • 企业产品研发
  • 忘记报关可以补报吗
  • 工会经费的计提与缴纳
  • 记账凭证的基本要素包括哪些
  • cocos2dx3d2d结合
  • node.js server-side
  • 需要牢记的号码
  • node.js入门教程
  • javascript总结
  • android需要学什么
  • node中使用什么引入模块
  • linux shell 数组长度
  • Unity3D游戏开发(第2版)pdf
  • android数据存储与访问的方式有
  • 城乡医保怎么看有没有钱
  • 工商局税收
  • 四川办税大厅
  • 黑龙江省税务局领导最新分工
  • 个人所得税app可以更改电话号码吗
  • 海口市哪个地方最漂亮
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设