自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 PHP开始啦--变量作用域,global关键词,static关键词

PHP是运行在服务器端的脚本语言,PHP代码在服务器上执行,以纯HTML结果返回浏览器PHP作用:能够生成动态页面内容能够创建,打开,读取,写入,删除以及关闭服务器上的文件能够接收表单数据能够发送并取回cookies能够添加,删除,修改数据库中的数据能够限制用户访问网站中的某些页面能够对数据进行加密PHP脚本可放置于文档中的任何位置PHP脚本以<?php开头,以?>结尾PHP文件的默

2017-06-07 14:18:27 657

原创 jQuery来了--尺寸,返回/设置元素的宽高度

jQuery可用于处理元素和浏览器窗口的尺寸jQuery处理尺寸的方法:width()height()innerWidth()innerHeight()outerWidth()outerHeight()width()和height()方法width()方法设置或返回元素的宽度(不包括内边距,边框或外边距)height()方法设置或返回元素的高度(不包括内边距,边框或外边距)例.

2017-06-05 17:07:06 1243

原创 jQuery来了--进行CSS操作的方法(添加/删除类),CSS()方法

CSS类进行CSS操作的方法:addClass():向被选元素添加一个或多个类removeClass():从被选元素删除一个或多个类toggleClass():对被选元素进行添加/删除类的切换操作css():设置或返回被选元素的一个或多个样式属性addClass()方法作用:向被选元素添加一个或多个类例.<script> $(document).ready(function(){

2017-05-01 16:10:07 837

原创 jQuery来了--添加元素,删除元素

添加元素添加新的HTML内容:append():在被选元素的结尾插入内容prepend():在被选元素的开头插入内容after():在被选元素之后插入内容before():在被选元素之前插入内容append()方法作用:在被选元素的结尾插入内容例.<script> $(document).ready(function(){ $("#btn1").click(functio

2017-04-30 17:46:29 2367

原创 jQuery来了--text(),html(),val(),attr(),捕获内容/属性,设置内容/属性,回调函数

捕获获得内容–text(),html()和val()三个用于DOM操作的jQuery方法:text():设置或返回所选元素的文本内容html():设置或返回所选元素的内容(包括HTML标记)val():设置或返回表单字段的值例1. 通过text()和html()方法获得内容:<script>$(document).ready(function(){ $("#btn1").click(

2017-04-30 14:29:28 1379

原创 jQuery 来了--动画,停止动画,回调函数Callback,链

动画animate()方法作用:用于创建自定义动画语法:$(“selector”).animate({params},speed,callback);参数 params:必需值。定义形成动画的CSS属性例.script> $(document).ready(function(){ $("button").click(function(){ $("div

2017-04-30 00:15:14 3309 1

原创 jQuery来了--效果--隐藏和显示,淡入淡出,滑动

隐藏和显示hide()和show()hide()作用:隐藏HTML元素 (相当于CSS中 display:none;)show()作用:显示HTML元素 (相当于CSS中 display:block;)语法: 隐藏:$("selector").hide(speed,callback); 显示:$("selector").show(speed,callback);参数speed:可选值,规定隐

2017-04-28 17:03:07 3274

原创 jQuery来了--事件

事件jQuery是为事件处理特别设计的事件的定义:页面对不同访问者的响应事件处理程序:当HTML中发生某些事件时所调用的方法常见的事件: jQuery事件方法语法:$("选择器").方法名(function(){ //事件触发后执行的代码});常用的jQuery事件方法:某个方法触发某个事件时,会运行 规定此事件发生时的函数1.$(document).ready()$(document)

2017-04-28 00:59:56 412

原创 jQuery来了--定义,引用,语法,文档就绪事件,选择器

定义jQuery是一个JavaScript库引用在HTML中引用jQuery:<head> <script src="jquery.js"></script></head>再将下载的jquery文件放在网页的同一目录下,jQuery会生效语法基础语法:$(selector).action()selector:选择符。“查询”和“查找”HTML元素action():执行对元素的操作文档就绪

2017-04-27 20:34:13 285

原创 跟我学JavaScript--HTML DOM --DOM实例--document对象

1.使用document.write()输出文本语法:document.write();<script type="text/javascript"> document.write("Hello World!");</script>运行结果: 2.使用 document.write() 输出 HTML语法:document.write();<script type="text/javas

2017-04-27 14:02:46 379

原创 跟我学JavaScript--HTML DOM--DOM事件,导航

DOM事件常见的HTML事件:当用户点击鼠标时当网页已加载时当图片已加载时当鼠标移动到元素上时当输入字段被改变时当HTML表单被提交时当用户触发按键时onclick事件用户点击鼠标时触发onclick事件例.<h1 onclick="changetext(this)">点击文本!</h1><script> function changetext(id){ i

2017-04-26 16:39:30 441

原创 跟我学JavaScript--HTML DOM--DOM访问,修改,元素

DOM访问访问HTML DOM :查找HTML元素访问HTML元素=访问节点 访问HTML元素的方式:使用getElementById()方法使用getElementsByTagName()方法使用getElementsByClassName()方法getElementById()方法作用:返回带有指定ID的元素引用语法:node.getElementById(“id”);getEleme

2017-04-26 14:30:03 358

原创 跟我学JavaScript--HTML DOM--节点,DOM对象方法,DOM对象属性

HTML DOM定义:关于如何获取,修改,添加或删除HTML元素的标准HTML文档中的所有内容都是节点:文档节点:整个文档元素节点:每个HTML元素文本节点:HTML元素内的文本属性节点:每个HTML属性注释节点:注释HTML DOM将HTML文档视作树结构,称为节点树节点树中的节点彼此拥有层次关系:节点树中,顶端节点称为根root每个节点都有父节点,除了根(根没有父节点)一个节点

2017-04-25 22:48:19 293

原创 跟我学JavaScript--类型转换

类型转换Number() 转换为数字String() 转换为字符串Boolean() 转换为布尔值JavaScript数据类型5种数据类型:stringnumberbooleanobjectfunction2种不包含任何值的数据类型:nullundefined3种对象类型:ObjectDateArray注:可以使用typeof操作符查看变量数据类型,但如果

2017-04-25 18:32:09 206

原创 跟我学JavaScript--typeof,null,undefined

typeof操作符作用:检测变量的数据类型例.typeof "Nico" //stringtypeof 21 //numbertypeof true //booleantypeof [1,2,3] //objecttypeof [name:"Nico",a

2017-04-25 18:28:01 277

原创 跟我学JavaScript--条件语句,循环语句,break语句,continue语句

条件语句条件语句作用:基于不同的条件执行不同的动作if语句 : 只有当指定条件为true时执行代码if…else语句 : 当条件为true时执行代码,当条件为false时执行其他代码if…else if….else 语句 : 根据条件选择多个代码块之一来执行switch语句 : 根据条件选择多个代码块之一来执行if语句语法:if (condition){ 当条件为 true 时执

2017-04-25 02:26:54 326

原创 跟我学JavaScript--运算符

运算符算术运算符+ 加法- 减法* 乘法/ 除法% 取余++ 自增-- 自减用于字符串的+运算符+运算符在字符串中的作用:把N个文本值或字符串变量加(连接)起来例.var txt1 = "Hello Nico ";var txt2 = "you are a hero";var txt3 = txt1+txt2; //Hello N

2017-04-25 01:44:18 410

原创 跟我学JavaScript--字符串对象方法具体讲解

以下方法默认所有主流浏览器都支持1.charAt()方法作用:返回指定位置的字符(从0开始计数)语法:string.charAt(index)参数index:必需值。表示字符在字符串中的位置返回值:String。在指定位置的字符例.var str="Nico is a hero";var n1=str.charAt(6); //svar n2=str.charAt(

2017-04-22 16:29:33 334

原创 跟我学JavaScript--字符串对象属性具体讲解

字符串属性:这三种属性所有主流浏览器都支持constructor语法:string.constructor作用:返回字符串对象属性创建的函数实例.<script> var myName="Nico"; document.write(myName.constructor);</script>运行结果如下: length语法:string.length作用:返回字符串的长度(字符数)实例:<

2017-04-21 18:54:11 251

原创 跟我学JavaScript--字符串

字符串1.作用:用于存储文本和处理文本2.单引号和双引号均可3.访问字符串的单个字符:通过索引位置如.var myName="Nico";var cha=myName[1]; //i4.可以在字符串中使用引号,但字符串中的引号不要与字符串本身的引号相同如.var intro = 'My name is "Nico"';或var intro = "My name is 'Nico'";若想

2017-04-21 18:52:20 282

原创 跟我学JavaScript--事件,输出

事件1.HTML事件是发生在HTML元素上的,当在HTML页面上使用JavaScript时,可以触发这些事件2.HTML事件可以是浏览器行为,或是用户行为3.常见的HTML事件:onchange : HTML元素改变onclick : 用户点击HTML元素onmouseover : 用户在一个HTML元素上移动鼠标onmouseout : 用户从一个HTML元素上移开鼠

2017-04-19 14:29:23 458

原创 跟我学JavaScript--作用域,局部变量,全局变量,变量生命周期

作用域:作用域是可访问变量,对象,函数的集合JavaScript函数作用域:变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的如.//此处不能调用car变量function myFunc(){ var car="Smart"; //此处即函数内部可调用car变量}//此处不能调用car变量局部变量:局部变量:在函数内部用var声明的变量局部变量只作用于函数内,所

2017-04-18 23:49:42 3540

原创 跟我学JavaScript--对象,函数

一、对象1.使用对象字面量创建对象: 如.var car={ type="small", age=5, color="red" };对象也是变量,可以包含多个变量2.对象属性:JavaScript 对象通常称键值对为对象属性键值对通常写法为 name : value (键与值以冒号分割)3.访问对象属性:car.age

2017-04-18 13:32:49 690

原创 跟我学JavaScript--插入,注释,变量,字面量,语句,数据类型

一、JavaScript的插入1.放在里head> script type="text/javascript"> /*JS代码*/ script>head>由于初始化的js要求提前进行,所以用于进行页面初始化的js须放在里2.放在里面body> script type="text/javascript"> /*JS代码*/ script>bo

2017-04-16 01:48:22 419

原创 慕课手记----HTML+CSS单列布局--水平居中,垂直居中,水平垂直居中

一、水平居中子元素在父元素中水平居中1.使用 text-align和inline-block 实现.parent{ text-align:center; }.child{ display:inline-block; }2.使用margin:0 auto来实现.child{ width:720px; /*某具体值或百分比*/

2017-04-02 13:57:07 303

原创 慕课网学习笔记----《网页布局基础》—绝对定位布局

绝对定位布局通过设置position属性实现,能够实现横向多列布局及较为复杂的定位拥有3种定位形式: 静态定位 相对定位 绝对定位 可设置4个属性值: static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 absolute和fixed都属于绝对定位形式静态定位是元素没有设置position定

2017-03-27 13:53:37 465

原创 慕课网学习笔记----《网页布局基础》—横向两列布局

主要应用属性: 1. float属性—–使纵向排列的块级元素,横向排列 2. margin属性—–设置两列之间的间距先写出布局所需要的块:<html><head><meta charset="utf-8"><title>横向两列布局</title><style type="text/css"> *{ margin:0; padding:0;

2017-03-25 22:28:44 451

原创 慕课网学习笔记----《网页布局基础》—浮动布局和float属性

浮动布局<html><head> <meta charset="utf-8"> <title>浮动</title> <style type="text/css"> .box1{ height:50px; background-color:red; } .box2{

2017-03-25 18:08:57 420

原创 慕课网学习笔记----《网页布局基础》------自动居中-列布局

慕课网学习笔记《网页布局基础》自动居中-列布局1.CSS中的定位机制: 标准文档流 浮动 绝对定位2.标准文档流 特点: 1).从上到下,从左到右,输出文档内容 2).由块级元素和行级元素组成3.块级元素 特点: 1).从左到右撑满页面,独占一行 2)

2017-03-24 21:14:51 370

空空如也

空空如也

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

TA关注的人

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