1、取 2.根据层次关系访问节点 2.节点的属性 fi rstElementChild返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点 lastElementChild返回节点的最后一个子节点 nextElementSibling下一个节点 previousElementSibling上一个节点 测试以上每个节点属性,一般使用element系列的属性获取节点,因为会忽略空格文本的子节点 function show() /1.先获取u1节点 var u1=document.getElementById(u1); /获取第一个节点,二者区别在于一个把文本空格也作为子节点 /var li=u1
2、.firstElementChild; /var li=u1.firstChild; var li=u1.childNodes; alert(li0.innerHTML);/打印数据 德玛 洛克 光辉 测试 3.节点信息 nodeName：节点名称 nodeValue：节点值 /节点值一般使用innerHTML不用这个 nodeType：节点类型 节点类型NodeType值 元素element1 属性attr2 文本text3 注释comments8 文档document9 4.操作节点属性 getAttribute(属性名)setAttribute(属性名,属性值) 案例1: functio
3、n show() var li=document.getElementById(sp); alert(li.nodeName); alert(li.nodeValue); alert(li.nodeType); 你好 测试 .sp color:red; function show() var sp=document.getElementById(sp); sp.setAttribute(class,sp);/为该节点设置一个属性class为sp 案例2: 5.创建和插入节点 你好 测试 选择你喜欢的书 *font-size: 12px; font-family: Arial, 微软雅黑; li
4、ne-height: 25px; divpadding: 5px; text-align: center; div spandisplay: block; 选择你喜欢的书： 我和狗狗一起活下来 灰霾来了怎么办 function book() var ele=document.getElementsByName(book); var img=document.getElementById(image); if(ele0.checked) img.setAttribute(src,images/dog.jpg); img.setAttribute(alt,我和狗狗一起活下来); img.nextS
5、ibling.innerHTML=我和狗狗一起活下来; else if(ele1.checked) img.setAttribute(src,images/mai.jpg); img.setAttribute(alt,灰霾来了怎么办); img.nextSibling.innerHTML=灰霾来了怎么办; function img() var alt=document.getElementById(image).getAttribute(alt); alert(图片的alt：+alt) eg：点击按钮创建一个img标签 eg：点击按钮，创建一个li标签，把该li标签添加到无序列表中的其中一行数
6、据之前 function show() var d=document.getElementById(d); /创建img标签 var img=document.createElement(img); /设置属性 img.setAttribute(src,img/tx.jpg); img.setAttribute(width,200px); /把img插入到d中 d.appendChild(img); 点击 function show() var d=document.getElementById(l1); /创建li标签 var li=document.createElement(li); /
7、设置设置文本 li.innerHTML=ccc; /获取list列表（父级）调用insertBefore进行天剑 document.getElementById(list).insertBefore(li,d); aaa 6.删除和替换节点 eg：点击按钮切换新图片 eg：点击删除- bbb 点击 function show() /获取需要替换的老图片 var old=document.getElementById(img); /创建新图片 var a=document.createElement(img); a.setAttribute(src,img/tx.jpg); /替换时需要获取父节
8、点 old.parentNode.replaceChild(a,old); 点击 7.style设置css样式 eg：点击修改文本样式 综合练习： 1.切换背景颜色样式 function show() var old=document.getElementById(img); old.parentNode.removeChild(old); 点击 function show() var s1=document.getElementById(s1); s1.style.color=red;/修改样式color字体颜色，也可以修改其他样式fontSize等 /* 同下也可以 s1.classNam
9、e=aa; .aa color:red; */ 文本 测试 a. function show(se) /this获取的是当前对象 /alert(se.value); 2.全选和全不选 document.body.style.background=se.value; 蓝色 黄色 绿色 b. function show(se) document.body.style.background=se; 蓝 黄 function show(fa) var like=document.getElementsByName(cb); for (var i=0;ilike.length;i+) likei.che
10、cked=fa; 编号 3.图片轮播 姓名 1 令狐冲 2 任我行 3 岳不群 var i=0; /自动轮播 function show() var d=document.getElementById(a1); i+; if (i4) i=1; d.setAttribute(src,img/ad-0+i+.jpg) /循环函数每一秒调用一次显示图片 function aaa() setInterval(show(),1000); 4.省市级联 /定义改变事件.当下拉框一被改变的时候则触发该事件 /并且该事件在触发的时候必须传递一个参数(为当前你选择的列表) /ch参数为选择的下拉列表的节点对象
11、.通过this传递给ch function show(ch) /获取选择下拉列表对象的value值 var sheng=ch.value; /定义数组保存对应的城市 var shi=new Array(); shi湖北省=武汉市,襄阳市,黄冈市; shi湖南省=长沙市,岳阳市,湘潭市; shi河北省=石家庄市,保定市; /获取shi的节点对象 var ss=document.getElementById(shi); /ss.length=6 /设置城市的选项只能显示一个 ss.length=1; /循环包含城市数组, for (var i=0;ishisheng.length;i+) /ale
12、rt(shishengi); /创建option工具类,把循环的每一个城市作为参数传递给该工具类 var op=new Option(shishengi,shishengi);/创建option标签 /*var op=document.createElement(option); op.setAttribute(value,shishengi); op.innerHTML=shishengi; ss.appendChild(op);*/ ss.options.add(op); /*var op=new Option(武汉市,武汉市); 武汉 * */ function show1() var
13、ss=document.getElementById(shi); alert(ss.length) -省份- 湖北省 5.随机点名 湖南省 河北省 -城市- 确定 /26个人员名单 var arr=郭胜,胡瑞麟,冷睿,熊雄,程理文,张巍,吕继,梅博俊,叶侗,王子 峰,倪鹏程,张建宇,吴波,肖新,黄富琪,武忠,黄斌,刘露,刘成,吴杰,陈明亮,王刚,李 炜,陈行,蔡志远,薛够旺; function start() /获取p标签的节点对象 var p=document.getElementById(p); /p标签里面的名字要从arr中随机(0-25)获取写入 var i=Math.floor(Ma
14、th.random()*25); p.innerHTML=arri;/ /每隔20毫秒就执行一次start var aa; function a() document.getElementById(a1).setAttribute(disa云计算环境下计算机网络安全存在的问题及防范措施窗体底端摘要：云计算时代的到来,可真正实现数据信息的虚拟化处理,缓解实体服务器的工作压力,强化科学技术的实际效用。基于此,本文以云计算技术为切入点,阐述云计算技术环境下计算机网络安全建设的重要性,指出目前计算机网络安全中存在的问题1,并对网络安全策略的建设模式进行研究。关键词：云计算技术; 计算机网络; 安全防护
15、体系;信息网络时代的到来,通过设备载体、网络载体的建设,可为数据信息提供大容量传输平台,为企业及人们工作生活提供数据支撑。云计算技术的研发与应用是将传统物理服务器信息映射到云端网络,以此来缓解物理服务器的存储压力。同时通过精密的计算方法,可进一步提高数据信息的运行质量。对整个数据传输而言,可有效实现网络体系中的点对点传输,提高数据运行的稳定性。然而,从现阶段网络安全问题来看,受到计算机系统以及黑客攻击等方面的影响,云计算环境下的计算机网络体系仍面临着许多漏洞,对网络用户造成严重的安全危险。对此,必须深度解析目前云计算环境下计算机网络安全所呈现出的问题,然后制订出更为合理的解决方案,确保网络体系
16、中数据信息传输的安全与稳定。一、云计算技术概述云计算机主要是对分布式网络结构畸形数据化运算。通过对网络中的数据库信息进行分化处理,保证各个信息处理节点所具备的数据传输效用,可实时反馈到整个数据运行体系中。这种以系统为核心的计算形式,可以有效实现数据信息终端与数据信息云端之间的对接,进一步分化物理服务器以及存储器的工作压力,提高整体的计算效率。从云计算的应用特性来看,一是可操控性。云计算网络虚拟化平台,需要通过对用户进行授权,才可保证在物理服务端与云端之间构筑出一个数据对接途径。且整个数据传输过程按照固有的程序逻辑化运算,每一个数据处理环节都具备一定的可控性,即在数据传输过程中可以由用户进行手动
17、操作下达指令,以此来实现数据信息传输的实时化更改。二是精密化属性。从数据传输形式来看,网络体系的安全是整个数据传输的重要保障。而通过云计算处理可以有效对数据进行全方位掌控,进一步解决数据在传输过程中安全性缺失的问题,为用户以及企业之间的数据信息提供安全防护体系。三是完整属性。对于传统计算机设备而言,在对数据传输过程中,往往会出现丢帧、失帧的情况,造成数据传输的不完整现象。而通过云计算技术,则可进一步依据数据信息传输指令进行授权,保证用户指令下达与数据所呈现的业务处理机制形成精准对接,使得数据管理过程具有一定的逻辑性特点,以免受到外界因素的干扰。二、云计算下加强网络安全建设的重要性云计算体系的建
18、设可有效解决大数据时代所带来的数据冗余问题,保证内部数据信息的逻辑性传输,以此来实现数据信息的高效率运行。从网络安全角度来看,云计算虚拟环境的建设是对物理服务器内的数据信息进行同步映射,保证云端服务与终端服务可精准对接。但在此过程中,网络信息的开放式传输模式,将为网络安全带来一定影响。对此,必须强化计算机网络安全建设力度,以有效规避因数据信息丢失或盗取所带来的安全问题。三、云计算环境下计算机网络安全存在的问题(一)软件与硬件问题软件与硬件作为计算机设备运行的重要载体,通过隔离功能的组成,保证数据信息以多结构形式呈现在用户面前,有效实现用户指令与网络诉求之间的精准对接。然而,在目前云计算体系下,
19、计算机数据本身存在较为严重的安全漏洞,特别是大容量数据在同一网络节点下进行传输时,将产生数据冗余的问题。对于硬件设备来讲,数据信息的指数型上升,将令设备无法有效将数据信息与相关业务处理进行关联,容易造成文件在传输过程中产生一定的破坏问题,导致无法修复。对于软件方面,是通过不同的应用形式,对用户本身的数据信息进行获取。但在此过程中如果软件内的运行程序被不法分子篡改,用户的隐私信息将面临着丢失的风险,影响计算机网络安全。(二)计算机病毒与黑客攻击计算机病毒与黑客攻击是目前计算机网络安全中的重要隐患1,且此类问题将随着计算机网络的不断更新而逐渐加大。造成此类问题的主要原因是由于数据信息在网络中呈现共
20、享的状态,而用户在对数据信息进行指令需求时,本身并不具备专业的风险识别能力。所以当木马病毒植入数据信息中时,易通过用户本身的指令诉求植入到网络设备中,令整个计算机网络面临着瘫痪的风险。对于黑客攻击来讲,主要是通过对计算机设备内的数据信息进行定性化获取,通过非法操作对用户的网络结构进行破坏。对于用户而言,当内部信息受到病毒植入时,本身所呈现出的价值效果将无法对自身安全防护体系进行驱动,进而令用户面临着严重的经济损失。(三)系统漏洞问题系统漏洞主要是指相关软件设备在初始状态下存在一定的漏洞,或是软件在运行过程中更新效率难以满足计算机网络技术的更新需求。此类滞后现象作用到软件过程中则是以一种软件漏洞
21、的形式彰显。例如,软件系统在编写的初级便存在一些问题,而在后续计算机技术更新过程中,系统也面临着持续性更新的状态。但在此过程中,部分黑客以及病毒将利用此类缓冲区进行切入,对内部指令以及相关程序进行篡改。当用户进行操作时,此类病毒将附着在用户的计算机系统中,进而产生一定的安全危险。四、云计算技术环境下计算机网络安全防范措施(一)提高数据的安全性云计算环境下网络安全体系的建设,可进一步为内部用户的数据信息提供安全防护机制,以避免数据信息在传输过程中产生丢失的问题。与此同时,在不同网络架构的组成下,计算机设备对数据信息本身的承接能力是由整个网络安全防护体系来决定的,必须强化安全管理力度,对数据信息传
22、输行为以及各类信息载体的运行模式进行分析,以此来制定出更为有效的管控措施,避免数据安全问题的发生。针对计算机网络进行安全体系的建设,首先,应以用户为切入点,对内部数据信息的安全设置以及保密设置等进行分析,然后结合数据加密技术对信息本身的传输行为进行加密处理。这样通过数据信息传输路径的全过程跟踪,可以有效实现信息本体的加密处理,这就为用户在指令下达与信息服务端之间增加了一个数据认证机制,保证各类信息在运行过程中可以通过加密处理实现信息的精准对接,以此来有效规避外界因素的干扰。其次,应采用过滤技术对数据信息在整个网络中的传输行为进行全过程监管。通过大数据挖掘技术分析出信息所存在的异常行为,然后预期
23、数据信息在整个网络体系中的传输路径以及传输行为,这样便可进一步为整个信息安全传输提供数据支撑,以此来实现用户安全上网的环境构建。(二)为用户树立正确的操作意识通过网络安全建设,可以有效提升数据信息在云端平台下的共享力度,同时进一步深化云计算环境的机密属性,保证数据信息在固有网络传输过程中可实现用户终端与数据终端的精准对接,为数据信息的实时化共享提供安全保障。但从现有的计算机网络用户群体来看,大部分用户并不具备专业技能知识,在对软件以及各类数据信息传输进行甄别时,无法正确查证出信息存在的安全隐患问题。对此,必须进一步强化用户安全防范意识,针对原环境下的计算机信息传输特点,为用户树立正确的安全操作
24、指标。并进一步结合数据信息的机密性特点,对用户在整个网络中的操作行为进行授权,以有效规避因不良反应所造成的病毒入侵以及黑客攻击等现象。这样便可进一步强化计算机网络系统的安全性能,降低病毒侵袭以及黑客攻击的几率。(三)应用数据认证技术云计算环境下,计算机网络可有效实现数据信息的全过程跟踪。依托于云平台提供的客户终端服务体系,可以真正实现同类别数据信息的追踪,这样便可有效为用户终端与各类数据传输终端之间建构一个异常行为检测指标。一旦数据信息在传输过程中存在异常问题,则此类网络将及时甄别出问题并予以解决,以此来提高网络安全性能。对此,数据认证技术在实际应用过程中,主要是通过云计算算法对数据信息传输行
25、为进行结构化与分布化的分析,保证数据信息在底层与顶层传输过程中,可以通过数据认证构筑出一个信息传输渠道。与此同时,在数据认证基础的应用下,可以构筑出以信息指标为核心的风险评估机制。这对于计算机网络系统而言,可以对各项处理业务进行独立化的身份认证,提高数据信息在系统内传输的安全性,以避免用户误操作所产生的数据丢失问题,强化计算机网络系统的运行质量。XXXXX学院 信息工程学院项目设计报告设计题目： 基于Android简易投票设计 学生学号： XXXXX 专业班级： 软件工程专业2017级1班 学生姓名： XXXXX 学生成绩： 指导教师： XXX 课题工作时间： 2020-12-11 至 202
26、0-12-25 信息工程学院 程序设计类设计任务书学生姓名XXX学号XXX专业班级软件工程2017级1班设计题目基于Android简易投票设计主要任务及设计要求：1、 掌握就java语言的程序设计方法2、 熟悉配置Android Studio开发环境3、 掌握Android开发App的基本流程4、 熟悉Android下的基本控件的使用以及界面布局5、 使用自定义控件完成简易投票设计6、 目的是能达到独自开发App指导教师：XXX 日 期：2020年12月绩评定表学生姓名： XXX 学号： XXXXX 专业/班级： 软件工程2017级1班 类别合计分值评分标准实际得分备注平时表现10按时参加设计
27、指导，无违反纪律情况。完成情况30按设计任务书的要求完成了全部任务，能完整演示其设计内容，符合要求。能对其设计内容进行详细、完整的介绍，并能就指导教师提出的问题进行正确的回答。报告质量35报告文字通顺，内容翔实，论述充分、完整，立论正确，结构严谨合理；报告字数符合相关要求，工整规范，整齐划一。课题背景介绍清楚，综述分析充分。设计方案合理、可行，论证严谨，逻辑性强，具有说服力。符号统一；图表完备、符合规范要求。能对整个设计过程进行全面的总结，得出有价值的结论或结果。答辩情况25在规定时间内能就所设计的内容进行阐述，言简意明，重点突出，论点正确，条理清晰。在规定时间内能准确、完整、流利地回答教师所
28、提出的问题。总评成绩： 分 指导教师： （签字）日 期： 2020年12 月 30 日目录第一章 设计简介及设计方案论述31.1 投票简易设计概述31.2 Android环境搭建配置31.3 下载最近JDK15版本31.4 安装Android Studio4第二章 程序代码62.1.显示一个确认对话框62.2 显示一个列表对话框72.3 显示一个单选对话框72.4 显示一个多选对话框82.5 自定义对话框显示的view92.6 特殊方法介绍9第三章 设计结果及分析113.1 Dalvik虚拟机113.2 应用主界面113.3 投票结果12第四章 心得与体会13- 12 -第一章 设计简介及设计
29、方案论述1.1 投票简易设计概述虽然单选/多选用原生的RadioButton、RadioGroup和CheckBox就可以实现基本的投票，但是原生的固然好用，自己写的更好用，而且原生的在Android 5.0以下手机上显示是非常丑的，自己写的则向下兼容到Api 10，所以即使在低版本的手机显示也是跟高版本的手机上显示的是一样的界面通过设计这个小项目可以为今后开发AndroidApp打下很好的基础。1.2 Android环境搭建配置首先要提到编程语言的发展，从刚开始的机器语言到汇编语言，然后就高级语言，机器语言最先使用纸带打孔，汇编语言针对内存，到后来的高级语言对开发者友好，能让开发者使用逻辑严
30、密的各种语言和机器进行沟通。Android底层使用的是C/C+语言来编写驱动程序框架及应用系统服务等，Android的应用层使用java语言编写应用框架及应用程序，最新的Kotlin语言兼容java语言，并且是Google官方指定Android应用开发语言，本次课程设计使用java语言进行开发，因为Android现有的版本仍然是java语言编写的源码。1.3 下载最近JDK15版本1.3.1获取自己电脑的系统版本图1-3-1查看电脑系统版本1.3.2 在Java官网下载对应自己系统的JDK版本图1-3-2 下载JDK151.3.3 配置环境变量1 系统变量-新建JAVA_HOME变量2 变量值
31、填写JDK安装目录，要写绝对路径3 系统变量-找到Path变量-编辑-在变量值最后输入;%JAVA_HOME%bin;%JAVA_HOME%jrebin;4 系统变量-新建CLASSPATH变量-变量值填写.;%JAVA_HOME%lib;%JAVA_HOME%libtools.jar5 验证安装结果Windows+R-cmd回车-输入java -version1.4 安装Android Studio1 访问https:/ 图1-4-1 Android开发者下载2 安装Android Studio，傻瓜式安装即可3 通过SDK Manage配置Android SDK图1-4-2 配置Andro
32、id SDK4 创建新的项目进行测试第二章 程序代码2.1.显示一个确认对话框 new MaterialDialog.Builder(this) .setTitle(提示) .setMessage(仿原生AlertDialog样式的对话框,目的在于解决原生的在Android 5.0下样式丑陋问题) .setPositiveButton(null) .setNeutralButton(不再提示, null) .setNegativeButton(new MaterialDialog.OnClickListener() Override public boolean onClick(DialogI
33、nterface dialog, int which) Toast.makeText(MainActivity.this, itemswhich, Toast.LENGTH_SHORT).show(); return false;/默认返回false,返回true Dialog不消失，返回false Dialog消失 ).show(); 2.2 显示一个列表对话框 final String items = 2016/01, 2016/02, 2016/03, 2016/04, 2016/05, 2016/06, 2016/07; new MaterialDialog.Builder(this)
34、 .setItems(items, new MaterialDialog.OnClickListener() Override public boolean onClick(DialogInterface dialog, int which) Toast.makeText(MainActivity.this, itemswhich, Toast.LENGTH_SHORT).show(); return false;/默认返回false,返回true Dialog不消失，返回false Dialog消失 ).create().show(); 2.3 显示一个单选对话框 final String
35、item2 = 2016/01, 2016/02, 2016/03, 2016/04, 2016/05, 2016/06, 2016/07; new MaterialDialog.Builder(this) .setTitle(单选框) .setSingleChoiceItems(item2, 2, new MaterialDialog.OnClickListener() Override public boolean onClick(DialogInterface dialog, int which) Toast.makeText(MainActivity.this, item2which,
36、 Toast.LENGTH_SHORT).show(); return true;/默认返回false,返回true Dialog不消失，返回false Dialog消失 ).setPositiveButton(确定, null) .setNegativeButton(取消, null) .setNeutralButton(不在提示, null).show();2.4 显示一个多选对话框 new MaterialDialog.Builder(this) .setTitle(多选框) .setMultiChoiceItems(item1, new int1, 2, 3, new Material
37、Dialog.OnMultiChoiceClickListener() Override public void onClick(DialogInterface dialog, int which, boolean isChecked) Toast.makeText(MainActivity.this, which + - + isChecked, Toast.LENGTH_SHORT).show(); ).setPositiveButton(确定, null) .setNegativeButton(取消, null) .setNeutralButton(不在提示, null).show();
38、2.5 自定义对话框显示的view new MaterialDialog.Builder(this).setTitle(自定义View) .setContentView(view) .setLayout(0.8f,0.8f) .show();2.6 特殊方法介绍 setLayout(float widthPercent, float heightPercent) 通过百分比传一个01之间的浮点数设置Dialog的宽高，例如:setLayout(0.8f,0.9f)表示宽为屏幕宽的80%，高为屏幕高90% setLayout(int width, int height) 同样设置Dialog的宽
39、高，却别是传入准确的像素值，单位：px 例如setLayout(500,600)表示宽500个像素，高600个像素 同样可以调用setWidth和setHeight单独设置宽高，同样支持百分比和像素值 setAdapter(ListAdapter adapter, OnClickListener listener) 当需要自定义ListView的item时，调用此方法传了一个自己实现的Adapter即可，如还需要监听item的单击事件，传一个OnClickListener即可。 setSingleChoiceItems(List items, int checkItem, OnClickLis
40、tener listener) 设置单选框列表时，有一系列重载方法，最终都是调用此方法 items：表示单选列表的集合 checkItem：表示默认选中item的位置 listener：单机item时的监听器 setSCResultButton(OnSCResultListener listener) 如果不想监听单选对话框单击item的动作，只想获取单选框最后的选择结果，调用此方法传入一个最后结果的监听器，监听方法中会有最终的选择结果 setMultiChoiceItems(List items, int checkedItems, OnMultiChoiceClickListener li
41、stener) 设置复选框列表时，也有一系列重载方法，最终都是调用此方法 items：表示复选列表的集合 checkedItems：默认选择item的位置的集合 listener：单机item时的监听器 setMCResultButton(OnMCResultListener listener) 如果不想监听复选对话框单击item的动作，只想获取复选框最后的选择结果，调用此方法传入一个最后结果的监听器，监听方法中会返回选择的列表集合第三章 设计结果及分析3.1 Dalvik虚拟机图3-1 模拟器3.2 应用主界面图3-2 应用主界面3.3 投票结果图3-3 投票结果第四章 心得与体会做这个课程设计我最大的体会就是
