html+css+javaScript基础使用方法

本篇内容主要讲解“html+css+javaScript基础使用方法”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“html+css+javaScript基础使用方法”吧!

　　1. JS定义和特点

　　(1) 简述javaScript的特点

　　javaScript是 一种直译式脚本语言,是一种动态类型,弱类型,基于原型的语言,内置支持类型

　　(2) 简述javaScript的作用

　　html+css知识可以有静态页面,但是没有动态的效果

　　Js可以实现表单数据的校验

　　TAB菜单的切换

　　背景图片的切换

　　Js小游戏的开发

　　(3) 请列举javaScript的优点和缺点

　　优点:

　　1. 脚本语言

　　脚本语言是一种简单的程序，是由一些ASCII字符构

　　成，可以使用任何一种文本编辑器编写。一些程序

　　语言（如C、C++、Java等）都必须经过编译，将源

　　代码编译成二进制的可执行文件之后才能运行，而

　　脚本语言不需要事先编译，只要有一个与其相适应

　　的解释器就可以执行。 ·

　　脚本语言是指在web浏览器内有解释器解释执行的编程语言,每次运行程序的时候,解释器会把程序代码翻译成可执行的格式

　　2. 基于对象的语言

　　面向对象有三大特点(封装,继承,多态)缺一不可

　　通常”基于对象”是使用对象,但是无法利用现有的对象模板产生新的对象类型,也就是说”基于对象”没有继承的特点.没有了继承的概率也就无从谈论”多态

　　3. 事件驱动

　　在网页中执行了某种操作的动作,被称为”事件”(Event),比如按下鼠标,移动窗口,选择菜单等都可以视为事件.当事件发生后,可能会引起相应的事件响应

　　4. 简单性

　　变量类型是采用弱类型,并未使用严格的数据类型.

　　Var a,b,c   a=123 b=”abc” a=b

　　5. 安全性

　　javaScript不能访问本地的硬盘,不能将数据存入到服务器上,不能对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互

　　6. 跨平台性

　　JavaScript依赖于浏览器本身,与操作平台无关

　　只要计算机安装了支持JavaScript的浏览器(装有JavaScript解释器),JavaScript程序就可以正确执行

　　缺点:

　　各种浏览器支持JavaScript的程度是不一样的,支持和不完全支持JavaScript的,浏览器在浏览同一个带有javaScript脚本的网页时,效果会有一定的差距,有时甚至会显示不出来

　　2. JS的声明和引入

　　(1) javascript 的引入方式有几种，分别怎么写？

　　1. 两种

　　<!--js的第一种引入方式,-->

　　<script type="text/javascript">

　　//网页弹框

　　var a=1;

　　var A=2;

　　alert(A)

　　</script>

　　<!--js的第二种引入方式src:引入文件的路径 type:引入文件的类型 charset:字符编码-->

　　<!--注意:引入js时两种方式不能一起用-->

　　2.   <script src="js/test.js" type="text/javascript" charset="utf-8"></script>

　　(2) javascript的引入方式可以综合书写吗？请说明原因

　　不可以,会发生错误

　　(3) javaScript 标签的type="text/javascript"属性和charset="UTF-8"属性的作用

　　js的第二种引入方式src:引入文件的路径 type:引入文件的类型 charset:字符编码

　　3. JS中的变量

　　(1) JS中的变量名区分大小写吗？

　　区分

　　(2) JS中书写表达式结束可以把分号省去吗？

　　可以

　　(3) JS中变量名的规范

　　1. js中的变量的名称和java中标识符的命名保持一致就可以了

　　2. Js中变量名称是可以重复的,但是后者的名称会把前者的名称值覆盖

　　3. Js中末尾即使没有分行结束也是可以的,但是不推荐大家这样书写

　　4. JS中数据类型

　　基本数据类型

　　Number(数字类型的数据)

　　String(字符串类型)

　　Boolean(布尔数据类型)

　　Object(对象类型)

　　Js中特殊数据类型

　　Undefined(未定义)

　　NaN(不是一个数字) not a number

　　Null(空对象)

　　(1) 请问在JS中NAN这种数据类型是什么意思，是如何产生的?

　　Not a number(不是一个数字) 将string(含有不是数字的)类型强转为number类型

　　(2) 请问在JS中undefined这种数据类型是什么意思，是如何产生的?

　　未定义的,只是声明了对象,没有定义它

　　(3) var  a=null;  alert (type a) 请问弹出什么?

　　Null对象

　　5. JS中的运算符

　　(1) 请问在JS中的”==”和”===”的区别，以及各自的作用。

　　“==”:等值符 先比较两个值类型是否相等.

　　如果类型不相等,都强转转换为number,再判断,相等返回true,不相等返回false

　　“===”:等同符:比较两个值类型是否相等,

　　如果类型不相等直接返回false,不会强转

　　(2) 5.2.2 请分别打印下面的结果

　　var  f1=false;  类型:Boolean 强转number:0

　　var  f2="false";类型:object 强转 number:NaN

　　var  f3=0; 类型:number

　　var  f4="0"; 类型:object 强转number:0

　　alert(f1==f2);F

　　alert(f1==f3);T

　　alert(f1==f4);T

　　alert(f2==f3);F

　　alert(f2==f4);F

　　alert(f3==f4);T

　　alert(f1===f2);F

　　alert(f1===f3);F

　　alert(f1===f4);F

　　alert(f2===f3);F

　　alert(f2===f4);F

　　alert(f3===f4);F

　　6. JS中的控制语句

　　(1) 请问 if (){} 和if(){} else if(){}..else{}的区别

　　If(){}只有一个判断

　　If(){}else if(){}:指的是连续的判断

　　(2) for循环中的变量是局部变量吗?

　　不是,

　　7. JS中函数的学习

　　(1) 函数的声明方式有几种？请说明具体的作用

　　三种

　　Function 名称(){}

　　Var a=function(){}

　　Var a=new function(){}

　　function demo(a,b){

　　alert(a+""+b);

　　return a;

　　}

　　var demo2=function(){

　　alert(234);

　　return 123;

　　}

　　var c=new Function("alert('234')");

　　(2) 请说出函数执行符的作用

　　方便调用

　　8. JS中Date和Math对象

　　(1) 请说出 Date对象常用的方法

　　获取现在的月的第几天

　　date.getDate();

　　var v=date.getDay();(1-6)

　　v=date.getFullYear();//获取四位的年

　　v=date.getHours();//获取小时(0-23)

　　v=date.getMonth();//获取月份(0-11)

　　v=date.getTime();//获取时间返回1970到现在的毫秒数

　　(2) 请说出Math对象常用的方法

　　var math=Math.random();//获取0-1的随机数[0,1)

　　math=Math.floor(Math.random()*900+100)

　　9. JS中String和Global

　　(1) 请说出String对象的常用方法

　　//截取字符串

　　var str="我-是- 超-级-赛-亚-人"

　　console.log(str.charAt(3))

　　//从起始索引,截取指定数目

　　console.log(str.substr(0,2))

　　//截取指定索引号之间的字符不包括2

　　console.log(str.substring(1,2));

　　//将字符串显示为下标

　　document.write("wudiu"+str.sub())

　　//替换指定字符串

　　console.log(str.replace("我是","孙悟饭"))

　　分离字符串

　　console.log(str.split("-"));//得到一个array数组

　　(2) 请说出Global对象的常用方法

　　var b="var c=1";         eval(b) 解析字符串中的js代码

　　10.  JS中Array对象学习A

　　(1) 在JS中的数组下标是否可以不连续？

　　可以不连续,他们之间没有复制的下标用empty代替

　　(2) var  arr2=new  Array(参数); 数组的声明中这个参数的个数不同代表的含义是什么？

　　弱类型语言,声不声明都一样

　　11. JS中Array对象学习B

　　(1) 请问JS中数组的长度是不是可变的.

　　不是

　　(2) JS中数组的遍历方式有几种，请列举.

　　(3) 请列举JS中数组的常用方法.

　　////////////////数组中常用的方法

　　function demo5(){

　　var arr=["bjsxt",123,new Date(),false];

　　//在数组的末尾添加一个或多个元素,并返回第一个长度

　　var len=arr.push("无敌","sdfsdf");

　　//删除并返回数组的最后一个&mdash;&mdash;元素

　　//          arr.pop();

　　//删除并返回数组的第一个元素

　　arr.shift();

　　//向数组的开头添加一个或更多元素,并返回新的长度

　　arr.unshift("shw");

　　//删除或修改数组

　　//删除的含义  开始删除的下标,  删除的个数

　　arr.splice(1,2);

　　//添加的含义  添加的下标    删除0个   添加的元素

　　arr.splice(1,0,"你好")

　　console.log(arr)

　　12. JS中的事件学习Event

　　(1) 请列举出常用的事件

　　(2) 请问onclick事件和onchange事件的使用的场景是什么

　　Onclick:只能在按钮上使用(提交,清空,普通按钮)

　　Onchang:将在内容改变,且不被聚焦时触发

　　<!--焦点聚焦 onfocus:元素获得焦点  onblur:元素失去焦点-->

　　<!--<input type="text" placeholder="请输入值" onfocus="demo()" onblur="demo1()">

　　-->

　　<!--鼠标单双击事件onclick:单击 ondbclick:双击-->

　　<!--<input type="button" value="单机事件" onclick="demo()">

　　<input type="button" value="双击事件" ondblclick="demo1()">-->

　　<!--鼠标移入移出效果  onmouseover:鼠标移入   onmouseout:鼠标移出-->

　　<!--<div style="background-color: red; width: 100px;height: 100px;" onmouseover="demo()" onmouseout="demo1()">-->

　　<!--onchange:内容改变-->

　　<!--<input type="text" onchange="demo()" placeholder="请输入">-->

　　<!--鼠标按键被按下(只能在表单中使用)onkeydown:按下 onkeyup:松开-->

　　<input type="text" style="height: 200px;width: 200px;background-color: green;" onkeydown="demo()">

到此，相信大家对“html+css+javaScript基础使用方法”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！