一，前言

现在我们拿到一个答题页面，但是这个也是是js编写的，对于我这种小白来说，看起来很懵逼。我在昨天晚上研究了一会，研究通了好多，现在记录一下相关的概念以及js的相关方法的使用。

二，样式介绍

就长这样哈，可以答题，选题，跳到下一题的功能，看起来比较简单哈，但是这个代码是纯JavaScript编写的。

三，研究过程：

function TiMu()

上文代码解释：
在html文档里调用TIMU方法。

for (var i in data1)

上文代码解释：
因为下文的data1是一个字典集合，所以这个i在data1循环遍历一个字典集。

var div = document.createElement("div");
div.className = "entrance-bottom-frame-line";

上文代码解释：
1，创建一个按钮最外面的盒子。2，改变标签元素的css类选择器

上文代码解释：
1，获取文档中 class=“entrance-bottom-frame” 的元素：节点添加最后一个子节点。
2，存储题目
div2.innerHTML = data1[i].title; //替代作用

var divli1 = document.createElement("div");
divli1.innerHTML = parseInt(i) + 1;

上文代码解释：
这是题目前的题号吧。解析一个字符串并返回指定基数的十进制整数

这一答块的话。

1，遍历选项列表。

2，创建一个按钮最外面的盒子

3，改变标签元素的css类选择器

4，创建一个按钮最外面的盒子

5，改变标签元素的css类选择器

6，就是给ABCD写个头头

7，建一个按钮最外面的盒子

8，改变标签元素的css类选择器

9，在ABCD后面追加内容

10，方法向节点添加最后一个子节点。ABCD

11，方法向节点添加最后一个子节点。 ABCD后面追加内容

12，方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList对象。

var dact = document.querySelector(".entrance-bottom-frame-line")
方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList对象。
addClass(dact, active)
调用下面的addclass方法
frame_left += -100
设置下一道题滚动范围

3.1，如何理解

结合这个图看的话就很明显了吧。

缺点

这个js的答题模板。没有统计得分的功能也不支持会看，需要很大的改动，也没有隐藏域的使用。

注意，onclick方法里并不能有效的获取到现在选中的list列表的值。

Webapp答题之JavaScript篇相关推荐

初学者应该了解的编程陷阱：javascript篇
为什么80%的码农都做不了架构师?>>> 日期:2012-12-4 来源:GBin1.com 对于初学编程语言的朋友来说,经常会犯一些比较"经典"的错误. ...
第 4 节：前端面试指南 — JavaScript篇
终于更新啦,刚更新完「CSS篇」之后,很多读者朋友都在微信催更「面试指南」系列的第 4 期 - JavaScript篇. 前 3 期没看的同学,建议先看完再来看这一期的,传送门: 第 1 节:「简历篇 ...
个人知识整理(javascript篇初识)
个人知识整理(javascript篇初识(简介书写方式注释)) 一个小前端~突然想写点什么-算是梳理一下自己的知识吧 Javscript 简介浏览器本身并不会执行JS代码,而是通过内置 Java ...
2023前端大厂面试题之JavaScript篇(4)
系列文章: 2023前端大厂面试题之JavaScript篇(1) 2023前端大厂面试题之JavaScript篇(2) 2023前端大厂面试题之JavaScript篇(3) 2023前端大厂面试题之J ...
一步一步构建手机WebApp开发——页面布局篇
继上一篇:一步一步构建手机WebApp开发--环境搭建篇过后,我相信很多朋友都想看看实战案例,这一次的教程是页面布局篇,先上图: 如上图所示,此篇教程便是教初学者如何快速布局这样的页面.废话少说,直接 ...
HTML，css和JavaScript的基础学习—JavaScript篇
HTML,css和JavaScript的基础学习-JavaScript篇 JavaScript是做什么的? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型 ...
IE8开发者工具调试（三）javascript篇
IE8开发者工具调试(一)javascript篇启动调试文件列表断点入门添加断点查看断点是否打成功删除断点禁用断点启用断点局部变量查看局部变量修改局部变量监视添加监视修改局 ...
前端面试题-JavaScript篇
web前端面试题 JavaScript篇 1.JavaScript的数据类型都有哪些(8条)? ES5中有6种:Number.String.Boolean.Undefined.Null.Object ...
web前端面试高频考点——JavaScript 篇（一）【JS的三座大山】原型和原型链、作用域和闭包、异步
系列文章目录 JavaScript 知识梳理,收录了web前端面试 95%以上的高频考点,满满的干货.给你做一个高效的知识梳理,为你的面试保驾护航! 内容参考链接 HTML & CSS 篇 ...

Webapp答题之JavaScript篇

文章目录

一，前言

二，样式介绍

三，研究过程：

3.1，如何理解

缺点

Webapp答题之JavaScript篇相关推荐

最新文章

热门文章