一:JavaScript 是什么?
JavaScript 是一种广泛应用于客户端网页(浏览器)开发的脚本语言,如用来给 HTML 网页添加动态功能,比如响应用户的各种操作等。JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言,大部分情况下是由网页浏览器来执行的。
JavaScript 是美国 Sun 公司的注册商标,遵循 Ecma 国际(前身为欧洲计算机制造商协会)的 ECMA-262标准(即ECMAScript),版本还在不断发展中。
二:JavaScript特点
脚本编写语言
JavaScript 是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript 是一种解释性语言,在浏览器执行的时候被逐行的翻译。
基于对象的语言
JavaScript 是一种基于对象的语言,同时也可以看作是面向对象的,这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
简单性
要使用了编写 JavaScript 是非常简单的,您无需安装特定的开发环境,只需要一个简单的记事本即可编写 JavaScript 脚本。它具有基本的程序语法和语言结构以及弱数据类型,而这些都是很容易学习和使用的。
安全性
JavaScript 是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。
动态性
JavaScript 是动态的,它可以直接对用户的输入做出响应,无须经过 Web 服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,是指在网页中执行了某种操作所产生的动作,就称为“事件”(Event):比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的 JavaScript 事件响应。
跨平台性
JavaScript 是由网页浏览器来执行,与操作系统环境无关,只要能运行浏览器的计算机,并支持 JavaScript 的浏览器就可正确执行。
三:js为什么值得我们学习?
1: 所有主流浏览器都支持JavaScript。
2:目前,全世界大部分网页都使用JavaScript。
3:它可以让网页呈现各种动态效果。
4:做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。
5.易用性强:
1).学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序。
2).我们可以用简单命令,完成一些基本操作。
四:ECMA、DOM、BOM分别指什么?
ECMA一般是ECMAScript的简称,是我们js的核心解释器;
DOM(document object model)浏览器打开一个 HTML 文档,该文档就成了一个 document 对象,Document 对象使我们可以对 HTML 页面中的所有元素进行访问。
BOM(Browser Object Model)浏览器打开一个文档,就创建了一个 window 对象,即 window 对象表示浏览器中打开的窗口。
三者的兼容性如何?ECMA:几乎没有兼容性问题(注意不是说没有)
DOM:有一些操作不兼容;
BOM:没有兼容性问题(因为完全不兼容)
五:如何使用js?
1:你只需一步操作,使用标签在HTML网页中插入JavaScript代码。注意,<script>标签要成对出现,并把JavaScript代码写在<script><script/>之间。标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。
<script type=”text/javascript”>表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属JavaScript语言。
2:还可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。
六:JS在页面中的位置?
我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或body部分。放在head部分最常用的方式是在页面中head部分放置元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。放在部分,JavaScript代码在网页读取到该语句的时候就会执行。JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。先来看看下面代码:
<script type="text/javascript">
alert("hello! Js");
</script>
一行的结束就被认定为语句的结束,通常在结尾加上一个分号”;”来表示语句的结束。
注意:
- “;”分号要在英文状态下输入,同样,JS中的代码和符号都要在英文状态下输入。
- 虽然分号“;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。
JS的代码注释
注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。
<script type="text/javascript">
alert("hello! 我是Js的单行注释!'//'");
//我是单行注释,该语句功能在网页中输出内容
/*
我是多行注释
要养成注释的良好习惯哦
*/
</script>
七:什么是变量?
什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。
定义变量使用关键字var,语法如下:
var 变量名
变量名可以任意取名,但要遵循命名规则:
- 变量必须使用字母、下划线(_)或者美元符($)开始。
- 然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
- 不能使用JavaScript关键词(function,this,void,var,if… )与JavaScript保留字(abstract,boolean,break,byte,char class….)。
八:变量的申明
变量要先声明再赋值,如下:
var mychar;
mychar="javascript";
var mynum = 6;
变量可以重复赋值,如下:
var mychar;
mychar="javascript";
mychar="hello";
注意:
- 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
- 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。
九:变量的类型
我们常见的变量类型有:
number,string,boolean(true,false),function,object,undefined
我们可以通过typeof运算符检测变量的类型:
var a = 12;
//a='abcd';
//a=true;
//a=function(){};
//a=document;
//var b;
alert(typeof a);
undefined一般在两种情况下出现:1):真的没有定义;2):定义了没有赋值;
十:认识判断语句(if…else)(一)
if…else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。
语法如下:
if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
假设我们通过考试成绩判断是否及格,如成绩大于等于60分,为及格,否则不及格。
<script type="text/javascript">
var myscore = 80;
if(myscore>=60) //myscore>=60是判断条件
{ document.write("哈哈,及格啦O(∩_∩)O~");}
else //否则成绩小于60
{ document.write("呜呜,不敢回家了。。。");}
</script>
注意:
- 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
- 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。
十一:定义一个函数玩玩(一)
什么是函数?函数是完成某个特定功能的一组语句。(可以帮我们省略很多代码哟)
如何定义一个函数呢?基本语法如下:
function 函数名()
{
函数代码;
}
说明:
- function定义函数的关键字。
- “函数名”你为函数取的名字。
- “函数代码”替换为完成特定功能的代码。
我们来编写一个简单函数,并给函数起个有意义的名字:”myword”,代码如下:
<script type="text/javascript">
function myword(){
var myspeak=prompt("妹子,约么?","好啊~") //方法用于显示可提示用户进行输入的对话框
if (myspeak!=null && myspeak!="")
{
document.write("哈哈 " + myspeak + "!");
}else{
document.write("呜呜 " + "妹子不理我!");
}
}
myword();//调用函数
</script>
函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了.
2:有参数的函数
function 函数名(参数1,参数2)
{
函数代码
}
注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
函数实现任意两个数的和应该写成:
function add2(x,y)
{
sum = x + y;
document.write(sum);
}
3:返回值的函数
function add2(x,y)
{
sum = x + y;
return sum; //返回函数值,return后面的值叫做返回值。
}
还可以通过变量存储调用函数的返回值,代码如下:
result = add2(3,4);//语句执行后,result变量中的值为7。
函数中参数和返回值不只是数字,还可以是字符串等其它类型。
网友评论