头歌平台web实训部分作业

因为题目太多就不分开贴上来了。

/*---注! 部分题有多个Begin-End使用注释符分开上下*///十一.json
//1.1json对象
var JSONObject = {"key1":a,"key2":b,"key3":c};//定义JSON对象delete JSONObject.key3;//删除名字为key3的属性var result = "";for(var att in JSONObject) {//遍历剩余所有的属性result = result+JSONObject[att]+",";}return result.slice(0,-1);//1.2json数组
var b = "";
for(var i=0;i<a;i++){b = b+myJson.language[i]+",";
}
return b.slice(0,-1);//1.3json字符串
var JSONObject = JSON.parse(JSONString);
JSONObject["key1"] = a;
JSONObject.key1 = a;
return JSON.stringify(JSONObject);//十.正则表达式
//1.1字符串字面量
var pattern=/js\n/;//1.2字符类
var pattern1=/[a-zA-Z0-9][0-9]/;
var pattern2=/[A][^0-9]/;//1.3重复
var pattern1 = /\?+/;
var pattern2 = /\+{3,3}/;
var pattern3 = /\{\}{1,2}/;
var pattern4 = /\\{0,1}/;//1.4选择
var pattern1 = /[0-9]{17}([0-9]|X)/;
var pattern2 = /2(3|4)[0-9]{4}/;
var pattern3 = /010|02[012345789]/;//1.5分组
var pattern1 = /(\?\+){2,}/;
var pattern2 = /\d(\?|\+)\d/;//1.6引用
var pattern1 = /([0-9]{3})[^0-9]\1/;
var pattern2 = /[A-Z]([0-9])[A-Z]\1[A-Z]\1/;//1.7匹配位置
var pattern = /^js\b/;//1.8修饰符
var pattern = /\bshell\b/ig;//1.9正则表达式的使用
var pattern = /[0-9]/g;
return a.replace(pattern,"");//四.js对象
//1.1对象的创建
var student = {name:a,gender:b};
var myCar = new Car(c,d);
var myJob = new Job();
myJob.company = e;//1.2属性的增删改查
store["day"+date] = attValue;
store.accountant = reviser;//1.3属性的检测和枚举
var result =  "";
if(a in car){for(att in car){result+=att;}
}
else{for(att in orange){result+=att;}
}
return result;//一.js简介
//1.1JavaScript 语言介绍、注释及基本输出方式
<script>console.log("Hello,JavaScript!");
</script>//1.2JavaScript 与 HTML
/* <head><script>console.log("如何在HTML代码中嵌入JavaScript代码");</script></head><body></body> *///1.3JavaScript 变量
var b
/*var a=10;var b=100;  *///八.js函数
//1.1用函数语句定义函数
function mainJs(str1,str2){return str1+str2;}//1.2用表达式定义函数
var myFunc = function (a){var sum = 0;while(a){sum = sum+a%10;a = parseInt(a/10);}return sum;
};//1.3函数的调用
var result;
if(a == 1){result = getMax(b,c);
}
else if(a == 2){result = getMin(b,c);
}
else{result = myObject.myFunc(b,c);
}
return result;//1.4未定义的实参
a = a == null ? "green" : a;b = b == null ? "green" : b;c = c == null ? "red" : c;d = d == null ? "yellow" : d;return a+"-"+b+"-"+c+"-"+d;//1.5实参对象
function getMax(){var aLength = arguments.length;var max = 0;if(aLength == 0){return 0;}else{for(var i=0;i<aLength;i++){if(arguments[i]>max)max = arguments[i];}return max;}
}//1.6对象作为参数
var arr = new Array();for(var i=0;i<3;i++){arr[i] = (Object.keys(object)[i]+":"+Object.values(object)[i]+",");}return (arr.join(""));//1.7函数对象
return func(a);//三.js运算符
//1.1算数运算符
var a;
var b;
var d;
var e;
d = parseInt(a);
e = parseInt(b);
c=d%e;
c.toString();//1.2比较和逻辑运算符
var a;
var b;
if( a > b ) {return (a&&b);
}
else {return !a;
}//1.3条件和赋值运算符
var result = a>b?a:b;
return result;//1.4运算符的优先级和结合性
var bb = ((--a)+b)*b;
if(bb==24)var c = 1;
elsevar c = 0;
var d = 4;
var e = (c*d)+d;//二.js数据类型
//1.1JavaScript 数据类型介绍
aType="object";
bType="array";
cType="number";
dType="string";
eType="bool";
fType="undefined";
console.log(aType);
console.log(bType);
console.log(cType);
console.log(dType);
console.log(eType);
console.log(fType);//1.2JavaScript 数据类型转换
var a=parseInt(args1);var b=parseInt(args2,16);var c=parseFloat(args3);//十五.事件处理
//1.1注册事件处理程序
var button2 = document.getElementById("button2");
button2.onclick = function(){listenButton2();
}
var button3 = document.getElementById("button3");
button3.addEventListener("click",function(){listenButton3();
});//1.2文档加载事件
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent) {//判断是否是Opera浏览器console.log("Welcome!");
};//1.3鼠标事件
var myButton = document.getElementById("but");myButton.onclick = function(){var myElement = document.getElementById("p");myElement.innerText = "clicked";}//1.4键盘事件
var code = event.which;
if(code==13){console.log("cannot use enter");
}//1.5表单事件
var ele = document.getElementById("input").value;
var len = ele.length;
if (len <= 12) {console.log("too short input");
}//1.6拖动事件
<p ondrag="dragging(event)" id="p1" draggable="true">drag me</p>//console.log(event.target.innerText);}///1.7事件冒泡
event.stopPropagation();//五.js数组
//1.1数组的创建、读写和长度
if(a==array1.length)return array1[array1.length-1];elsereturn array2[array2.length-1];//1.2数组元素的增减
var i;
for(i=testArray.length-a;i<testArray.length;i++)testArray.unshift(testArray.pop());
return testArray[b];//1.3数组的遍历和多维数组
var shuzu = new Array(a);for(var i=0;i<a;i++)shuzu[i] = new Array(b);var hang=0;var lie=0;for(var i=0;i<arr.length;i++){shuzu[hang][lie]=arr[i];lie++;if(lie==b){hang++;lie=0;}if(hang==a)break;}return shuzu;//1.4数组的常用方法
var a = new Array();
var i = 0;
while(i<myArray.length){i = myArray.indexOf("a",i);if(i==-1)break;a.push(i++);
}
var b = new Array();
var j = 0;
while(j<myArray.length){j = myArray.indexOf("b",j);if(j==-1)break;b.push(j++);
}
return a.concat(b);//1.5数组的应用——内排序
var temp;
var max = arr[0];
var key;
var shuzu = new Array();
for(var i=0;i<arr.length-1;i++){for(var j=1;j<arr.length-i;j++){if(arr[j]>max){max = arr[j];key = j;}}shuzu[i] = key;temp = arr[arr.length-i-1];arr[arr.length-i-1] = arr[key];arr[key] = temp;max = arr[0];key = 0;}
return shuzu;//十六.浏览器对象模型
//1.1定时器
timeid = window.setTimeout(timerTask,2000);//1.2循环定时器
window.clearInterval(timeId1);//1.3location对象
var loc = window.location;
console.log(loc.hostname);
loc.href = "https://www.educoder.net/forums/categories/all?order=newest";//1.4对话框
var result = window.prompt("your name：", "Xiao Ming");if(result==null){console.log("name cannot be null");}//1.5窗口
var myWindow = window.open("Demo.html", "window_name");//六.js条件语句
//1.1if-else类型
if(a<60){return "unpass" ;
}else{return "pass"  ;
}//1.2switch类型
switch(a)
{case 82414 :return  "Superior" ; break;case 59600 :return "Huron" ;break;case 58016 :return "Michigan";break;case 25744 :return "Erie";break;case 19554 :return "Ontario";break;default: return "error" ;break;
}//1.3综合练习
if(year%100==0){if(year%400==0){return year+ "年是闰年"}else{return year+ "年不是闰年"}
}
else{if(year%4==0){return year+ "年是闰年"}else{return year+ "年不是闰年"}
}
/* var output;
switch(input){case "中共党员":case "党员":case "共产党员":output="中共党员";break;case "中共预备党员":case "预备党员":output="中共预备党员";break;case "团员":case "共青团员":output="共青党员";break;case "大众":case "市民":case "人民": output="群众";break;default:  output="错误数据";break;    }return output; */
/* if(weight>=200 ){return "是优质品";}else{if(water>=0.7){return "是优质品";}else{return "不是优质品";}} *///七.js循环语句
//1.1while类型var sum = 0;           //用于存储和var i=2;                //从2开始while(i<=a){          //如果输入的数大于等于2var j=2;while(j<i){if(i%j==0){break;}j++;}if(j==i){sum += i;}i++;}return sum;//1.2do while类型
var sum=0;var i=a+1;
do{if(i<b){sum+=i;}i++;
} while(i <b);
return sum;//1.3for类型
a = a.toString();
var sum="";          //初始化
for(var i=0;i<a.length;i++){sum += a[a.length-i-1];     //反向拼接字符串
}
return sum;//1.4for in类型
var sum="";for(var att in apple) {if(!att.indexOf("location")){sum+= apple[att];}
}return sum; //1.5break和continue的区别——break
for(var k = 0;k < arr.length;k++) {var x=arr[k];var num=true;if(x>1){for(var j=2;j<x;j++){if(x%j==0){num=false;break;}}if(num){return x;}}}//1.6break和continue的区别——continue
if(b>0&&a[i]<0){continue;
}
if(b<0&&a[i]>0){continue;
}//九.字符串的常用方法
//1.1查找字符串的位置
var index = a.indexOf(b);var sum = 0;while(index>=0){sum+=index;index = a.indexOf(b,index+b.length);}return sum;//1.2求指定位置的字符
return a.slice(0,6);//1.3字符串的截取
var c = a.indexOf(b)
if(c!=-1){return (a.slice(0,c)+a.slice(b.length+c));
}
return a;//1.4大小写转换
var string = b.toUpperCase();for(var i=0;i<a.length;i++){str = a.replace(new RegExp(b,"g"),string);//"g"表示可以进行全局匹配//str = a.replace(new RegExp(b,"m"),string);//"m"表示可以进行多行匹配}return str;//1.5字符串的分割
return a.split(" ").length+a.split(",").length-1;//十二.Math,日期和异常处理
//1.1Math类
return Math.min(Math.ceil(a),
Math.floor(a),
Math.round(a),
Math.sqrt(a),
Math.sin(a))+Math.max(Math.ceil(a),
Math.floor(a),
Math.round(a),
Math.sqrt(a),
Math.sin(a))//1.2Date类
var b=date.getFullYear();var c=date.getMonth();var d=date.getDate();var e=date.getDay();    return b+","+c+","+d+","+e;//1.3JavaScript错误
try{if(a==0)throw new Error("zero cannot be numerator");else if(a<0){throw new Error("negative cannot be rooted");}else{return 1/Math.sqrt(a) ; }}catch(err){return err.message;}//十四.HTML DOM--文档元素的操作(二)
//1.1创建节点
var newNode = document.createElement('form');
newNode.method='post';
newNode.id='myForm';//1.2插入节点
var node = document.getElementById('ul1');
var newNode = document.createElement('li');
newNode.innerText='Canada';
node.appendChild(newNode);//1.3删除节点
var parent = document.getElementById("browser");var child = document.getElementById("opera");parent.removeChild(child);//1.4替换节点
var parent = document.getElementById("parent");var old = document.getElementById("old");parent.replaceChild(newChild,old);//1.5综合练习
var child2 = document.createElement("option");
child2.value="HeFeiCity";
child2.innerText="合肥市";
city.appendChild(child2);//十三.HTML DOM--文档元素的操作(一)
//1.1通过id获取文档元素
var myElement = document.getElementById("a1");//1.2通过类名获取文档元素
var myElement = document.getElementsByTagName('p')[0];//1.3通过标签名获取文档元素
var myElement = document.getElementsByTagName('div')[1].getElementsByTagName('a')[1];//1.4html5中获取元素的方法一
var pElement=document.querySelector("p");//1.5html5中获取元素的方法二
var pElement = document.querySelectorAll(".pClass");//1.6节点树上的操作
myElement = cl2.firstElementChild.children[1];//1.7属性值的获取
var srcValue = document.getElementsByClassName("imgClass")[0].className;//1.8属性值的设置
var myElement = document.getElementById("form1");myElement.setAttribute("method","post");/*----jQuery入门----*/
//1.1jQuery入门
var box=$("#content");box.html("这是我的第一个jquery程序");//1.2jQuery基本选择器
let x=$("#box");x.html("我是id选择器添加的内容");
/*let x=$(".box");x.html("我是类选择器添加的内容"); */
/*let x=$("p");x.html("我是元素选择器添加的内容"); *///1.3过滤选择器 （一）
$("tr:odd").css("background","lightyellow");
$("tr:even").css("background","lavenderblush");
$("tr:first").css("background","yellowgreen");//1.4过滤选择器 （二）
$(".item:eq(2)").css("background","#eee");
$(".item:not(:last)").css("border-bottom","1px dashed #ccc");//1.5tab选项卡
$(".head li").removeClass("active").eq(index).addClass("active");
$(".content div").hide().eq(index).show();

头歌平台web实训部分作业相关推荐

头歌平台Python实训答案——循环结构
第1关:While 循环与 break 语句编程要求本关的编程任务是补全line.py文件中的判断语句部分,具体要求如下: 填入当已处理零件数小于总零件数count < partcount时 ...
头歌平台Python实训答案——函数调用
第1关:内置函数 - 让你偷懒的工具编程要求本关的编程任务是补全src/Step2/prime.py文件的代码,实现相应的功能.具体要求如下: 定义一个函数,功能是判断一个数是否为素数: 调用函数 ...
头歌c语言实训作业题解
头歌c语言实训作业题解持续更新 C语言程序设计编辑与调试环境 1.打印输出 Hello World 2.打印输出图形 3.求三个数的最大值 4.熟悉C语言调试环境 C语言中最基本的输入输出 1.看看 ...
头歌MySQL数据库实训答案2022
答案由本人收集+自己写的,仅作参考,帮助写不完作业的小伙伴目录实训1 数据库.表与完整性约束的定义(Create) 实训2 数据库.表与完整性约束的定义(Create) 实训3 基于金融应用的数据 ...
头歌-信息安全技术-实训04 数据库SQL注入漏洞
头歌-信息安全技术-实训04 数据库SQL注入漏洞第一关:获取dvwa环境任务描述实验步骤 1. 安装appach 2.安装php 3.修改apache配置文件 4.安装mysql 5.安装dv ...
头歌MySQL数据库实训答案有目录
头歌MySQL数据库答案特别感谢黄副班.小青提供代码,有问题联系公众号[学思则安]留言更正其他作业链接数据库1-MySQL数据定义与操作实战 MySQL数据库 - 初识MySQL MySQL数据 ...
头歌C++面向对象实训一
** C&C++ 面向过程编程综合练习 ** 一.实训目的熟练以下内容: (1)函数的定义及使用: (2)数组的定义及使用: (3)指针的定义及使用: (4)结构的定义及使用: (5)多文件 ...
头歌C++面向对象实训二
** C++ 面向对象 - 类和对象的创建和使用 ** 一.实训目的 1.熟悉C++中类和对象的创建和使用 2.理解C++中的关键字public.protected.private 二.实训内容 1. ...
头歌C++面向对象实训三
C++ 面向对象 - 构造函数与析构函数一.实训目的 1.理解构造函数和析构函数 2.熟悉掌握构造函数和析构函数的运用 3.掌握对象数组的运用 4.理解静态成员及函数二.实训内容 1.构造函数 - ...

头歌平台web实训部分作业

头歌平台web实训部分作业相关推荐

最新文章

热门文章