(1)number类型(int,float,double)
(2)string类型(字符、字符串)
(3)boolean逻辑类型(true,false)
使用typeof(变量)函数可以检测一个变量的数据类型
b.变量的声明及使用
由于JS是一个弱类型的语言,在JS中没有明确的数据类型,所有在声明变量时不需要指定数据类型(Java等编程语言在使用时需要指定具体类型的)
JS通过var关键字来声明变量(var关键字可以省略<但不建议>)
var age = 10;
var name = “强哥”;
document.write(“姓名:”+name+“年龄:”+age);
let和var一样都是用来声明变量的
let属于块级变量,使用let定义的变量只能在某一个代码块使用
var定义全局变量,在代码块定义的变量,在代码块外部依然可以使用
如果声明变量时省略了let或var则默认以var的方式声明
c.JS中的流程控制语句
(1)if语言(单分支) if-else语句(双分支) 多重if-else语句(多分支)
(2)switch(多分支等值判断)
(3)while do-while for
乘法口诀表
等腰三角形
d.JS中函数的使用
JS的函数和Java中的方法是一样的;函数定义好后是不执行的,当我们去主动调用函数时函数才会执行;
function show(参数){
//函数体
}
声明函数时不指定返回类型(由于JS是弱类型的语言),但函数可以有返回值
调用函数
JS是事件驱动的语言,调用函数需要在相关的事件中调用(通过事件来调用函数)
等腰三角形函数实例:
注:JS中虽然没有声明函数的返回类型,但JS中的任意函数都可以使用return关键字返回结果,而且JS中的函数可以相互调用
九、使用JavaScript制作页面效果
DOM编程
DOM编程(Document Object Model)文档对象模型
在DOM编程中,把整个页面看成一个document对象,其中的html元素为具体对象,在DOM中的核心在于找到相对应的HTML元素对象,然后对其进行操作(属性或样式的修改)还可以生成新的HTML元素对象
在JS查找页面中的元素:
1.通过表单的name的包含关系找到对象:document.calForm.num1
2.通过HTML元素的id属性获得某个HTML元素对象:
document.getElementById(id)
3.通过HTML元素的name属性获得多个name属性值相同的HTML元素对象
返回一个数组,该数组中存放所有同name属性的对象
document.getElementsByName(name)
4.通过HTML元素的标签名获得多个同标签的HTML元素对象
document.getElementsByTagName(tagName)
5.通过选择器获得HTML元素对象
document.querySelector(“css选择器”);//获得一个元素,如果存在多个则获得第一个
document.querySelectorAll(“css选择器”);//获得所有元素对象
1.计算器
2.动态时间
在页面上显示的时间是动态走动的,当页面启动时显示时间
时间分两种:
1.服务端时间(通过Java获取)
2.客户端时间(通过JS获取),根据每个客户端上的时间来显示
3.全选全不选功能
4.使用DIV实现模式窗体
5.注1:
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!