自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

原创 CSS的color

文本颜色 color : 颜色值颜色值常用的有四种写法<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>文本颜色</title> <style type="tex

2019-02-25 10:54:57 389

原创 css选择器的优先级

选择器的优先级行类选择器 > id选择器 > 类选择器 > 标签选择器权值 1000  >     100      >     10       >    1 <!DOCTYPE html><html> <head> <meta charset="utf-8"/&

2019-02-21 20:55:21 234

原创 css选择器

1.标签选择器通过标签名进行样式修改<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>标签选择器</title> <style type="text/css&qu

2019-02-21 09:17:52 222

原创 css样式表创建

1.行类样式表的三种创建方式<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>无标题文档</title> <!--内联样式表--> <style type=&quo

2019-02-20 21:08:34 562

原创 html基础input标签

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>input标签</title> </head> <body> 用户名:&a

2019-02-20 13:53:47 911

原创 html基础3(table表格和超链接a)

超链接a<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>超链接</title> </head> <body> &a

2019-02-20 08:51:11 2644

原创 html基础2列表

html的列表有三种<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>列表</title> </head> <body>

2019-02-20 08:23:35 177

原创 html基础1

一个网页的格式基本如下:<!DOCTYPE html> <!--声明文档的类型为html--><html> <!--html的根标签---> <head> <!--页面的头部---> <meta charset="utf-8"/&

2019-02-19 13:55:30 105

原创 js模拟video的controls效果一

html:<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8"/> <link rel="stylesheet" href="videoCon.css">

2018-11-11 22:00:33 2201

原创 js把多级数据以多级子菜单形式输出

js以递归实现:var city = [ { name : "北京", children : [ { name : "海淀区", children : [ { name : "1环", children : [ { name : "10环"}, { name : "11环"} ] }, { na...

2018-11-09 19:23:01 2570

原创 js获取数组中的数据,以显示在ll标签中

获取一级菜单: var data = ["北京","上海","广东","深圳"];function setData( data ){ var html = ""; html = data.join( "</li><li>" ); //拼接成字符串 document.write( "<ul&a

2018-11-08 22:20:58 7648

原创 js遍历节点树

 遍历节点树,节点树如下:<!DOCTYPE html><html lang="en"> <head> <title>遍历节点树</title> <meta charset="utf-8"/> </head> <body>

2018-11-07 13:00:49 4546

原创 js的回调函数

回调函数;一般用于定义规则来使用函数传递的参数为一个函数体function fn(Demo){ Demo(); //执行传递的形参Demo函数}function say(){ console.log("hello");}fn(say);回调函数来传递规则传递的函数不同具有多态性operation(20,10,add);   //调用加法operation(20,10,su...

2018-05-17 18:47:04 188

原创 js的预解析

预解析:js解析器加载时,会首先检查语法错误,后进行变量声明提升和函数体声明提升,解释一行语句执行一行语句1.检查语法错误2.变量声明提升和函数体整体提升(变量提升时只提升变量名)函数体中也有变量声明提升和函数体声明提升console.log(a); //打印为undefined,var a;声明提升   var a = 100;  console.log(a); //打印为10...

2018-04-29 14:03:06 165

原创 js的隐式全局变量

function fn(){ a = 2; console.log(a);}fn();//执行后打印结果为2console.log(a)//不报错,打印为2function fn(){ var a = b = c = 20; //隐式声明了全局变量b,c        console.log(a);        console.log(b);         c...

2018-04-26 20:31:57 3274

原创 js中的变量

js中的变量分为局部变量和全局变量(成员变量)局部变量:只有在局部中能狗被访问全局变量:在哪里都能被访问局部变量定义在函数体内的生命周期一般跟随函数,当函数执行后,定义该局部变量,当函数不在使用时,被系统回收机制回收function fn(){ var a = 123; //定义一个局部变量 console.log(a);}//fn()函数加载时,不管函数体中的...

2018-04-26 18:02:56 1607

原创 js隐式转换isNaN(num)

var a = 123;console.log( isNaN( a ) );//控制台打印false//isNaN(num)方法为判断num是否为NaN,如果是则返回true,否者返回falsevar a = NaN;console.log( isNaN( a ) );//控制台打印为truevar a = undefined;console.log( isNaN( a ) );//...

2018-03-07 17:33:03 1576

原创 js的switch语句

js的switch语句switch(变量){ case 变量值1: console.log("a"); //若变量与变量值1相同则执行该处代码 break; case 变量值2: console.log("b"); //若变量与变量值2相同则执行该处代码 break; case 变量值3: console.log("c"); //若变量与变量值3相同则执行该处代码...

2018-02-11 10:43:02 14155

原创 js的if条件判断

js的if条件判断if(条件表达式){console.log( true ); //如果条件表达式为true,执行该处代码,不再执行else后面代码}else{ console.log( false ); //如果条件表达式为false,执行该处代码}if(1){ console.log( true );}else{ console.log( false );}if的嵌套if(条件表...

2018-02-09 15:26:01 46850

原创 js的显性转化Boolean()

js的显性转化Boolean()该方法将值转化为布尔类值var a = Boolean(123)typeof( a )//a = true,a为Boolean类型 var a = Boolean("abc")typeof( a )// a = true,a为boolean类型var a = Boolean( 0 )typeof( a );//a = false,a为boolean类型v...

2018-02-08 21:30:55 2317

原创 js的输出信息的方式

js的输出信息的方式1.alert();alert("hello world");//弹出一个对话框,早期时用来的调试2.confirm();confirm("hello world");//弹出一个带取消的对话框3.console.log();console.log("hello world");//在控制台输出消息,现在用来调试4.prompt();prompt("请输入你的信息")/...

2018-02-08 15:51:02 1876

原创 js的显性转化parseFloat();

js的显性转化parseFloat(); parseFloat(12.34);//打印出12.34var b = "12.24";parseFloat(b);typeof(b)//打印出12.34, string类型b还是为string类型var b = "12.123456789";parseFloat(b);//打印出12.123456789var b = "12.12345

2018-01-22 20:26:00 1859

原创 js的显性类型转化toString()

js的显性类型转化toString();toString()是方法需要被调用,直接转化为字符串类型var a = 123;a.toString();typeof(a);// 输入字符串"123",a的类型还是number类型var a = 123;var b = a.toString();typeof(a);typeof(b);//a为number类型,b为字符串类型

2018-01-21 19:22:11 534

原创 js的显性转化parseInt()

js的显性转化parseInt()当parseInt()l里面传递为一个参数var b = parseInt( 123 );console.log( b );typeof( b );// b = 123, b为number类型var b = parseInt( "123" );console.log( b );typeof( b );//b = 123 , b为number类型

2018-01-20 19:53:55 299

原创 js的显性类型转换Number(num)

js的显式转换Number(num)var a = 1 + 1;typeof( a );//打印出number,a = 2 ,a为number类型var a = 1 + "1";typeof( a );//打印出string,a = "11",a为string类型,数字与字符串相加,数字将显性转化为字符串var a = "123";var b = Number(a);typeof

2018-01-19 19:51:29 4935

原创 js的typeof

js的typeoftypeof可以查看变量的类型typeof( 123 );typeof 123;//typeof的形式这两种都可以,但一般用第一种在控制台使用将打印出"number",可知123为number类型typeof("ad")//控制台将打印string类型typeof( ad );//控制台将打印undefined,可知ad为undefined类型typeof(true)//控

2018-01-18 19:46:21 192

原创 js中的函数

js的函数js的有名函数function test(){ console.log("hello");} //函数声明,声明一个test函数test(); // 函数执行,执行test();函数js中无名函数var a = function(){ console.log("aaa");}// 注意该中只有变量a声明,没有函数声明函数赋值为变量aa(); //该为执行函数,将在控

2018-01-17 20:06:02 138

原创 js的中 = , == , ===

js的中 = , == , ====(赋值号)var a = 1 ; // a = 1,给a赋值为1,一般用于声明变量,声明函数 ==(等于)1 == 2 // false"1" == 1 // true ,字符串"1"隐式转化为Number,然后再比较null > 0 //falsenull == 0 //falaenull < 0 //falae// null为站空间,

2018-01-16 19:18:22 130

原创 js的逻辑运算符&&, || , !

js的逻辑运算符&& , || , !&& (与) 运算符console.log( 1 ) && console.log( 2 ); //打印的结果为1,如果前面的结果为假,就不会执行后面的表达式var a = 1 && 2; // a = 2 该运算符会将先看第一个表达式转化为布尔值的结果,如果结果为真时,那么他看第二个表达式的结果,只有两个表达式的话将第二个表达式的值返回,所以

2018-01-15 20:03:37 353

原创 js的运算符++ , +=

js的运算符++,+=js的运算符++++运算符,自加var a = 1 ;console.log( a ++ ); //在控制台打印的结果为1后,a的值变为2var b = 1;console.log( ++b ); //在控制台打印的结果为2,b的值为2 可得++在前先运算,在打印结果++在后时先打印在运算-- 运算符和++运算符 规则一样

2018-01-12 19:18:23 18037

原创 js运算符/,%

js运算符/ ,%1. /运算符    //除以 相当于数学中的除号。 js中0除以其他的数都得 0js中0可以为分母,不会报错,结果为Infinity(无限的)负数除以0 的 -Infinity但 0 / 0 得NaN ( Not a Number ),该a是Number类型,但无法用数表示就用NaN表示 % 运算符不是

2018-01-11 21:34:07 25720

原创 js的运算符+,-

js的运算符1.   +  //加号1.数值运算2.字符串连接,任何与字符串连接的类型都变为字符串型为什么字符串1 + 1 的位置不同结果就不同,这是赋值号 = 的右边是重左f

2018-01-10 19:04:15 768

原创 js的值类型

js的值类型1.原始值原始值类型分为五类:number,boolean,,string,undefined,null,var a=123;     var=123.2  //都是定义number类型该类型可以定义为小数var a="abc";   var='abc';   //都是定义string类型,定义string类可用“”,也可用‘’;但var c='fqaf"错误,不可以这

2018-01-09 18:09:19 805

原创 js变量声明

js变量声明var a;//向系统要个空间var 是个关键字,变量声明只有varvar a=10;//这里发生两个过程,一个是向系统要个空间,另一个是把10放进房间。并且先发生第一步。var a=10;  a=20;//20的值把10的值覆盖var a,b,c,e;//可以同时声明多个变量,中间以,号(编程都是英文状态)隔开,最后为;号var a,    b,   

2018-01-08 20:05:18 243

原创 js与浏览器

浏览器的特点1.shell(用户可见,可修改)2.内核(浏览器如何执行)渲染引擎(语法规则和渲染)负债html和css浏览器如何绘制页面js引擎(针对js代码)2001年ie6首次实现对js引擎的优化和分离2008年chrome浏览器v8引擎把js代码直接转化为机械码,速度快后来Firefox也推出强大功能的js引擎其他模块j

2018-01-07 19:32:20 326

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除