Web技术应用基础——javascript
文章平均质量分 95
Web
少年游四方
低头赶路,敬事如仪。
展开
-
JavaScript综合实验
一、实验目的1.熟悉CSS的使用方法,能熟练定义CSS选择器,熟练书写CSS样式表;2.掌握利用JavaScript+CSS实现样式的动态变换。3.掌握JavaScript内置对象Array、Math对象的使用二、实验内容内容一:JavaScript+CSS综合实验1、打开页面questionnaire.html,效果如下图。2、阅读代码questionnaire.html,补充JavaScript和CSS代码实现以下效果①鼠标移入 div时,该div边框颜色变为红色,文字原创 2021-05-10 13:12:27 · 1694 阅读 · 2 评论 -
JavaScript学习手册十六:浏览器对象模型
浏览器对象模型1.定时器任务描述相关知识(1)设置定时器(2)取消定时器代码文件2.循环定时器任务描述相关知识(1)定时(2)取消定时代码文件3.location对象任务描述相关知识(1)页面的跳转(2)location对象的其它属性代码文件4.对话框任务描述相关知识(1)警告框(2)确认框(3)输入框代码文件5.窗口任务描述相关知识(1)打开浏览器的窗口(2)关闭窗口代码文件1.定时器任务描述1.本关任务:学习设置和取消定时器。2.具体要求如下:第一步,设置执行一次的定时任务timerTask原创 2021-04-24 21:31:22 · 5398 阅读 · 11 评论 -
JavaScript学习手册十四:HTML DOM——文档元素的操作(二)
HTML DOM——文档元素的操作1.创建节点任务描述相关知识创建节点代码文件2.插入节点任务描述相关知识插入节点代码文件3.删除节点任务描述相关知识删除节点代码文件4.替换节点任务描述相关知识替换节点代码文件5.综合练习任务描述相关知识下拉列表的级联代码文件1.创建节点任务描述1.本关任务:创建一个表单<form>节点。2.具体要求如下:创建一个form节点,然后赋值给变量newNode,设置节点的id值为myForm,method值为post,如下所示:<form id原创 2021-04-24 15:07:16 · 9880 阅读 · 3 评论 -
JavaScript学习手册十三:HTML DOM——文档元素的操作(一)
HTML DOM——文档元素的操作1、通过id获取文档元素任务描述相关知识什么是DOM文档元素节点树通过id获取文档元素代码文件2、通过类名获取文档元素任务描述相关知识通过类名获取文档元素代码文件3、通过标签名获取文档元素任务描述相关知识通过标签名获取文档元素获取标签内部的子元素代码文件4、html5中获取元素的方法一任务描述相关知识css选择器querySelector的用法代码文件5、html5中获取元素的方法二任务描述相关知识querySelectorAll的用法代码文件6、节点树上的操作任务描述相关原创 2021-04-24 14:26:34 · 9576 阅读 · 5 评论 -
JavaScript学习手册十一:JSON
JSON1、JSON对象任务描述相关知识什么是JSON对象JSON对象与Javascript对象的区别在JavaScript中使用JSON对象代码文件2、JSON数组任务描述相关知识JSON属性对应的值(value)是一个数组数组的一些操作代码文件3、JSON字符串任务描述相关知识JSON字符串JSON字符串到JavaScript对象JSON对象转换为JSON字符串代码文件1、JSON对象任务描述本关任务:练习在JavaScript中定义JSON对象。具体要求如下:定义一个JSON对象JSONO原创 2021-04-21 17:21:01 · 5621 阅读 · 0 评论 -
JavaScript学习手册九:字符串的常用方法
字符串的常用方法1、查找字符串的位置任务描述相关知识indexOflastIndexOf代码文件2、求指定位置的字符任务描述相关知识charAt()代码文件3、字符串的截取任务描述相关知识slice()substring()substr()代码文件4、大小写转换任务描述相关知识toLowerCase()toUpperCase()代码文件5、字符串的分割任务描述相关知识split()代码文件1、查找字符串的位置任务描述本关任务:调用JavaScript内置的函数实现字符串的查找。具体要求如下:原创 2021-04-21 16:41:40 · 5622 阅读 · 0 评论 -
JavaScript学习手册八:JS函数
JS函数1、用函数语句定义函数任务描述相关知识用函数语句定义代码文件2、用表达式定义函数任务描述相关知识用表达式定义代码文件3、函数的调用任务描述相关知识函数的调用代码文件4、未定义的实参任务描述相关知识用函数语句定义代码文件5、实参对象任务描述相关知识实参对象代码文件6、对象作为参数任务描述相关知识对象作为参数代码文件7、函数对象任务描述相关知识函数对象作为另一个函数的参数代码文件1、用函数语句定义函数任务描述本关任务:用函数语句定义一个函数。具体要求如下:定义一个名字为mainJs()的函数原创 2021-04-20 23:32:16 · 7195 阅读 · 0 评论 -
JavaScript学习手册五:JS数组
JS数组1、数组的创建、读写和长度任务描述相关知识代码文件2、数组元素的增减任务描述相关知识代码文件3、数组的遍历和多维数组任务描述相关知识代码文件4、数组的常用方法任务描述相关知识代码文件数组的创建、读写和长度任务描述相关知识代码文件1、数组的创建、读写和长度任务描述本关任务:掌握创建数组的方法,获取数组的元素和长度。 本关的编程任务是补全右侧代码片段中begin至end中间的代码,具体要求如下: 已知两个数组array1和array2,参数a是一个整数,先判断a的值与数组array1的长度值原创 2021-04-18 23:30:44 · 5881 阅读 · 15 评论 -
JavaScript学习手册四:JS对象
JS对象引言A、对象的创建任务描述相关知识代码文件B、属性的增删改查任务描述相关知识代码文件C、属性的检测和枚举任务描述相关知识代码文件引言1、JavaScript是基于对象的语言,在JavaScript中,一切都可以被称为对象,包括字符串、数字、布尔型、HTMLElement等。这些JavaScript中已有的对象称为内置对象,而用户自己定义的对象叫做自定义对象。自定义对象是数据和函数(也叫方法)的集合。2、这里要特别提醒的是,JavaScript虽然也是一门基于对象的语言,但是它实现对象的原创 2021-04-18 22:04:06 · 5334 阅读 · 6 评论 -
JavaScript学习手册三:JS运算符
JS运算符A、算术运算符任务描述相关知识+ - * / %运算符递增运算符和递减运算符代码文件B、比较和逻辑运算符任务描述相关知识代码文件C、条件和赋值运算符任务描述相关知识代码文件D、运算符的优先级和结合性任务描述相关知识代码文件A、算术运算符任务描述给定两个字符串变量,把它们转为数字后相除,拼接被除数、除数和余数为一个新的字符串。例如:a为"5",b为"3",则c为数字2,拼接后结果为字符串"532"。a为"23asdf",b为"3fe",则c为数字2,拼接后结果为字符串"23asdf3fe原创 2021-04-14 23:58:23 · 5062 阅读 · 1 评论 -
JavaScript学习手册十五:事件处理
事件处理1.注册事件处理程序任务描述相关知识(1)为JavaScript对象设置一个函数(2)设置HTML标签属性的值为事件处理程序(3)调用addEventListener()函数代码文件2.文档加载事件任务描述相关知识文档加载事件代码文件3.鼠标事件任务描述相关知识(1)常见的鼠标事件(2)鼠标的按下和释放代码文件4.键盘事件任务描述相关知识(1)点击按键(2)按下按键(3)释放按键代码文件5.表单事件任务描述相关知识(1)change事件(2)select事件(3)submit事件代码文件6.拖动事件原创 2021-04-24 20:44:39 · 6408 阅读 · 0 评论