位置: 编程技术 - 正文

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+1+5
  • 一般纳税人开普票要交税吗
  • 企事业承包承租经营所得税率是多少
  • 新25项工资薪金是什么
  • 研发废料收入实务中如何冲减研发费用?
  • 增值税电子普通发票可以抵扣吗
  • 广告业公司成立时的资金如何记账?
  • 合同税率16%调整到13%怎么算
  • 支付工人保险费计入什么科目里
  • 本期就地缴纳的税额跟本期已缴税额
  • 业务招待费不超过销售收入的5‰
  • 税务罚款计入哪个会计科目
  • 法人变更股权不转让有什么影响么么
  • 新公司能先用别人的钱吗
  • linux系统 推荐
  • 如何看懂财务报表的书
  • 技术服务合同要盖骑缝章吗
  • 筹建期银行手续费
  • manager's office是什么意思
  • php常用设计模式(大总结)
  • 酒店如何核算成本
  • 以前年度损益调整结转到哪里
  • 发放工资时扣除的保险怎么做
  • 购买电脑如何入账
  • 我一定要用自己的双手拼出来
  • css水平居中和垂直居中怎么设置
  • 若依框架前端发请求
  • mysqldump命令不存在
  • 应收账款提了坏账后收回
  • 哪些研发费用可以资本化
  • 公司的归属权
  • 银行存款利息应记什么科目
  • 其他应收款其他应付款的风险
  • 织梦官方网站
  • 帝国cms如何使用
  • 普通支票和现金支票区别
  • 欠款收不回来了会计分录
  • 小企业期间费用包括
  • 餐饮管理公司如何收取管理费
  • 小规模纳税人每月不超过10万
  • 小规模年度企业所得税纳税申报表
  • 专利年费 缴纳
  • 收到预付款项发票怎么开
  • 股东退股取现怎么处理
  • 改良设备的入账价值
  • 收到政策性搬迁短信
  • 企业所得税税负率多少合适
  • 简述工作底稿的一般要求及内容
  • sqlserver响应好慢
  • win7系统环境变量无法编辑怎么办
  • windows server 2008 硬盘格式
  • 你能可能
  • ubuntu安装visual studio2019
  • 使用css的三种方式
  • 如何使用jquery插件
  • 用python写随机数
  • digitalocean收费
  • jquery22插件网
  • python中对象的概念
  • javascript教程完整版
  • 如何下载建设工程消防验收备案表格下载
  • 低丰度油气田开采的原油
  • 烟叶税额
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设