本篇内容主要讲解“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. 两种
//网页弹框
var a=1;
var A=2;
alert(A)
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));
//将字符串显示为下标
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”);
//删除并返回数组的最后一个——元素
// 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基础使用方法”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询免费云主机域名,关注我们,继续学习!
这篇文章将为大家详细讲解有关家具商城小程序开发基本功能有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 在当今移动互联网的快速发展中,许多传统行业和家具行业都在积极开发小型程序。家具商城小程序开发使用户可以通过手机小应用…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。