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. 两种
2.
(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));
//将字符串显示为下标
[xss_clean]("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");
//删除并返回数组的最后一个——元素
// 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:将在内容改变,且不被聚焦时触发
到此，相信大家对"html+css+javaScript基础使用方法"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
