Java script简称js,是web学习的一个重要组成部分。
首先,Js是什么?JS简介:
这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 它是一种浏览器脚本语言,它由由若干语言组成,语句是基本单位。语句是由函数、数据、表达式组成。它严格区分大小写,当然事件响应句柄不区分,因为事件响应句柄属于DOM,也属于html。它是也是与HTML一样是一种解释性语言。
注:下文中很多类似的图片,您可以点击一下图片,图片自动放大便于查看。
js的历史:
• JavaScript语言最初称为LiveScript语言,是由Netscape(网景)公司开发的脚本语言。希望借助流行的Java使LiveScript流行起来,因此改名为JavaScript。
• Microsoft在IE3.0中引入了JavaScript。因为Microsoft没有被授权使用JavaScript商标,因此将其改名为Jscript。
• 1997年,JavaScript 1.1被提交到ECMA(欧洲计算机制造商协会)。并在1997.6ECMA制定了第一个正式语言规范ECMA-262,并命名为ECMAScript。
• 各浏览器中的脚本是对ECMA-262语言规范的具体实现。
总结一下它的特征:
- 它是脚本语言。
- 是一种轻量级的编程语言。
- 是可插入 HTML 页面的编程代码。
- 插入 HTML 页面后,可由所有的现代浏览器执行。
- 很容易学习。
主要特色:
基于对象的,但不是纯对象的。
动态性的,反映响应,是采用以事件驱动的方式进行的。
简单易用,一是变量类型全部为弱类型,没有严格的代码约束,二是基于Java基本语句和控制流之上的简单紧凑设计。
安全性,不允许访问本地磁盘,并不能存储数据与服务器上,不允许对网络文档进行修改与删除,只能通过Brower信息浏览器或动态交互。有效的防止信息丢失。
跨平台性,之依赖于Brower兼容就可以执行。
改善用户体验,最大的魅力就是——减低网络流量,做出动态效果,提升用户满意度。
它能做什么?
执行顺序:从上到下,从左到右。
简单介绍一下JS的变量(您可以把变量看做存储数据的容器)的声明,以证明js的相关特点:
它和代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。
变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。
要求:
1,可以一条语句,多个变量。(用逗号分开,并可以跨越多行)
2,从var重新申请声明变量,原变量名一致则其变量值不变。(不重新赋值,声明无值变量在实例中也会生效)
3,JS的变量类型是动态类型的,相同变量可用作不同类型。
变量类型有:String,Number,boolean,Array,Object,null,Undefined(js中可以用双引号也可以用单引号,两者没有差别,
在String类型中有一个小技巧:当需要在String语句中包含单引号或是双引号时,可以用转义字符‘\’进行转义,或是双引号与单引号相互嵌套的方式进行区分)
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
- 切忌:JavaScript 语句和 JavaScript 变量都对大小写敏感。
当我们使用访问一个没有声明的变量时,JS会报错。而当我们给一个没有声明的变量赋值时,JS不会报错,相反它会认为我们是要隐式申明一个全局变量,这一点一定要注意。
<script></script>脚本的位置:
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
脚本语言的控件会在HTML文档加载完后进行加载,为了避免js的控件加载不完整,所以建议将脚本放在</body>的后边,也就是最下方,在标签之间加上这样一句window对象函数<script>window.load = function(){ }</script> 。js在的脚本位置主要分为三种:1,内嵌式(就是写在jsp或html页面的)2,行内式(写在对应的html标签元素内的)3,外外链式(从外部引入写好的js的脚本)在这里附上一段获取目标文件绝对路径的代码段(JSP):
<base href="<%=basePath%>">//加入到<body>中
因为从外部引入的话,本人经常就会把此代码段给不小心拼错,所以打好之后保存起来,之后复制粘贴就好了。
接着,JavaScript 通常用于操作 HTML 元素:
举一个栗子:创建和删除HTML元素节点.
首先是创建一个HTML元素节点:
然后是删除:
如需删除 HTML 元素,您必须首先获得该元素的父元素。
</body> </html>
接着是两个常用的js函数对象:
我的第一个js程序:
原文发布时间:2018年05月16日
本文来源CSDN博客如需转载请紧急联系作者