头歌平台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 JSONObj
·
因为题目太多就不分开贴上来了。
/*---注! 部分题有多个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;
else
var 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];
else
return 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)
{ //如果输入的数大于等于2
var 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();
更多推荐
已为社区贡献1条内容
所有评论(0)