11 2018 档案
摘要：<input type="button" value="点击" id="btn"/><div id="dv"></div><script src="commer.js"></script><script> var kungfu=["降龙十八掌","黯然销魂掌","九阴真经","如来神掌","吸星大法
阅读全文
摘要：<!--元素创建的三种方式--> <!--1.document.write("标签的代码及内容")--> <!--2.对象.innerHTML="标签及代码"--> <!--3.document.createElement("标签的名字")--><script src="commer.js"></s
阅读全文
摘要：<style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border: 1px s
阅读全文
摘要：<ul id="uu"> <li>第一个</li> <li>第二个</li> <li>第三个</li> <li>第四个</li> <li>第五个</li></ul><script src="commer.js"></script><script> function getFirstElementCh
阅读全文
摘要：<input type="button" value="点击设置" id="dtn"/><div id="dd"> <span>这是一个span</span> <p>这是一个p</p> <span>这是一个span</span> <p>这是一个p</p> <span>这是一个span</span>
阅读全文
摘要：//父级节点console.log(ulObj.parentNode);//父级元素console.log(ulObj.parentElement);//子节点console.log(ulObj.childNodes);//子元素console.log(ulObj.children);console
阅读全文
摘要：<style> * { margin: 0; padding: 0; } ul { list-style-type: none; } .box { width: 400px; height: 300px; border: 1px solid #ccc; margin: 100px auto; ove
阅读全文
摘要：<style> .nodeSmall { width: 50px; height: 50px; background: url(../img/bgs.png) no-repeat -159px -51px; position: fixed; right: 10px; top: 40%; } .erw
阅读全文
摘要：<style type="text/css"> body { font-family: "Helvetica", "Arial", serif; color: #333; background-color: #ccc; margin: 1em 10%; } h1 { color: #333; bac
阅读全文
摘要：* 1：根据id属性的值获取元素，返回来的是一个元素的对象* document.getElementById("id属性的值")** 2：根据标签名字获取元素，返回来的是一个伪数组，里面保存了多个DOM对象* document.getElementsByTagName("标签的名字")** 3：根据
阅读全文
摘要：<input type="button" value="努力"/><input type="button" value="努力"/><input type="button" value="努力"/><input type="button" value="努力"/><input type="butto
阅读全文
摘要：/** 预解析：提前解析代码*就是在解析代码之前，把变量声明提前了，提前到当前所在的作用域的最上面*函数的声明也会被提前，提前到当前所在的所用于的最上面** */// //例如： > 预解析：// var num=10; f1();//调用// function f1() { var num;//变
阅读全文
摘要：//转整数// console.log(parseInt("10"));10// console.log(parseInt("a10"));NaN// console.log(parseInt("1dgc0"));1// console.log(parseInt("10.66"));10.66//
阅读全文
摘要：var arr1=new Array();//空数组var arr2=new Array(5);//长度为5的数组，每个数据的值为undefinedvar arr3=new Array(1,2,3,4,5);//长度为5的数组var arr4=new Array[];//空数组var arr5=ne
阅读全文
摘要：// //系统的定义// var result=Math.max(10,20,30,40,50);// console.log(result);//例子：自己定义一个对象，实现系统的Max的方法function MeMath() { //添加一个方法 this.getMax=function ()
阅读全文
摘要：<script> function mytime() { //创建日期的对象 var dt=new Date(); //获取年 var year=dt.getFullYear(); //获取月 var month=dt.getMonth()+1; //获取日 var day=dt.getDate()
阅读全文
摘要：//求2个数字的差的function getNumber(num1,num2) { return num1-num2;}console.log(getNumber(10,20));//求一组数字中的最大值function getMax(num) { 定义变量假设这个值是最大值 var max=num
阅读全文
摘要：//函数是可以作为返回值使用的function f1() { console.log("f1函数被调用了"); return function () { console.log("这是一个函数"); };}var ff=f1();//调用ff(); //求两个数字之间的和 function getS
阅读全文
摘要：//函数可以作为参数使用，如果一个函数作为参数，那么我们可以叫这个函数为回调函数//也就是说：只要是看见一个函数为参数了，那就是回调函数function sayHi(fn) { console.log("你好，世界"); fn();//}function sayYes() { console.log
阅读全文
摘要：//函数定义：把一坨重复的代码封装，在需要的时候直接调用 //作用：代码的重用 // //语法： // function 函数的名字() { // 一坨重复的代码 // } // //函数的调用: // 函数名(); //例如： function cook() { console.log("洗菜")
阅读全文
摘要：var arr=[0,5,3,4,1,2];//循环控制比较的轮数 for(var i=0;i<arr.length-1;i++){ //控制每一轮的比较次数 for(var j=0;j<arr.length-1-i;j++){ if(arr[j]<arr[j+1]){ var temp=arr[j
阅读全文
摘要：//乘法表 for(var i=1;i<=9;i++){ //控制行数 for(var j=1;j<=i;j++){ document.write(j+"*"+i+"="+i*j); } document.write("<br/>"); } //表格乘法表document.write("<table
阅读全文
摘要：//三元表达式：//运算符号: ? : ;//var 变量=表达式1？表达式2：表达式3；//两个数字中的最大值var x=10;var y=20;var result1=x>y?x:y;console.log(result1);//显示成年还是未成年var age=parseInt(prompt(
阅读全文
摘要：* 如果++在后面，则num++ +10；参与运算* 先参与运算，后num自身加1*** 如果++在前面，则++num +10;参与运算* 先num自身加1，再参与运算 var num=10;var sum=num++ +10;console.log(sum);//20console.log(num
阅读全文
摘要：//while 循环语法** 计数器* var 变量=0;* while(循环的条件){* 循环体；* 计数器++；* } //例子：从1加到100，和为多少?var sum=0;var i=1;while (i<=100){ sum=sum+i;//不停计算数字的值 //或 ：sum+=i; i+
阅读全文
摘要：switch(表达式){// case 值1：代码1；break;// case 值2：代码2；break;// case 值3：代码3；break;// case 值4：代码4；break;// 多个case....// default:代码5;// } //分数级别 var jibie="D";
阅读全文
摘要：//if-else if 语句：/** if(表达式1){* 代码1* }else if(表达式2){* 代码2* }else if(表达式3){* 代码3* }else(表达式4){* 代码4* } var score=Number(prompt("请输入您的成绩")); if(score>90&
阅读全文
摘要：//if格式： if(表达式){ 代码块 }案例： if(8>6){ console.log(8); } //if-else格式：* if(表达式){* 代码1* }else{* 代码2* } // 练习1：找到两个数字中的最大值var num=10;var num2=20;if (num>num2
阅读全文
摘要：//do-while 语句* do{*循环体* }while(条件); do{ var rseult=prompt("海吃能吃胖吗?y/n");}while(rseult!="y");console.log("真棒！"); //for语句/** 语法：* for(表达式1;表达式2;表达式3;){*
阅读全文
摘要：//break关键字：如果在循环中使用，遇到了break，则立即跳出当前所在的循环//案例：//找到100到200之间第一个能被7整除的数字for(var i=100;i<=200;i++){ if(i%7==0){ console.log(i); break; }}//continue循环：在循环
阅读全文
摘要：字符串的特性：不可变性，字符串的值是不可能改变 字符串的常用属性*1、 .length >字符串的长度*2、 .charAt(索引)，返回值是指定索引的位置的字符串，超出索引，结果是空字符串*3、 .fromCharCode(数字值，可以是多个参数)，返回的是ASCII码对应的值*4、 .conca
阅读全文
摘要：//获取年份console.log(dt.getFullYear());//获取月份console.log(dt.getMonth()+1);//是从0开始的，真实的月份需要加1//获取日期console.log(dt.getDate());//获取小时console.log(dt.getHours
阅读全文
摘要：<style> div{ width:300px; height:200px; background-color: pink; }</style><script> //随机产生一个十六进制的值 function getColor() { var str="#"; //一个十六进制的值得数组 var
阅读全文
摘要：原始数据类型：number,string,boolean,undefined,null,object基本类型（简单类型），值类型：number,string,boolean复杂类型（引用类型）：object空类型：undefined,null值类型的值在哪一块空间存储？-- 栈引用类型的值得哪一块空
阅读全文
摘要：//遍历对象，是不能通过for循环的，因为他是无序集合，结果是：undefined//但是可以用for - in循环var json={ "name":"小明", "age":"10", "sex":"男",};//遍历循环，即对象中的属性全部显示for (var key in json){ //c
阅读全文
摘要：function createObject(name,age) { //创建对象 var obj = new Object(); //添加属性 obj.name=name; obj.age=age; //添加方法 obj.sayHi=function () { console.log("您好啊，小明
阅读全文
摘要：创建对象的三种方式* 1.调用系统的构造函数创建对象* 2.自定义构造函数创建对象* 3.字面量的方式创建对象 1.调用系统的构造函数创建对象 var obj=new Object();对象有特征 属性和行为 方法//创建对象var obj=new Object();//添加属性 如何添加属性 对象
阅读全文
摘要：行内元素有：heda meat title lable span br a style em b i strong 块级元素有：body from select textarea h1-h6 html table button hr p ol ul dl cnter div 行内块元素常见的有： i
阅读全文
摘要：a:link{ /*未访问过的链接状态*/ color:blue; text-decoration: none;}a:visited{ /*已访问过的链接状态*/ color:red;}a:hover{ /*鼠标经过链接时候的状态*/ color:red;}a:active{ /*鼠标按下链接不动的
阅读全文
摘要：<div>标签选择器</div><p class="lei">类选择器</p><p class="lei duolei">多类选择器</p><p id="idqi">id选择器</p> <!--id选择器不允许相同名字的id对象出现，只能使用一次--><!--<p>通配符选择器</p> *{} 全部
阅读全文
摘要：<!--label，用户点击文字直接跳进文本框输入--><label>用户名：<input type="text"/></label><label>密码：<input type="password"/></label><!--表单填写模式--><table width="600" border="0
阅读全文
浙公网安备 33010602011771号