前端-HTML、CSS、Javascript
litengbin
这个作者很懒,什么都没留下…
展开
-
CSS 布局1(绝对定位、相对定位、浮动)
CSS 如何进行绝对定位详解绝对定位 属性:position 值: absolute 通过指定left,top绝对定位一个元素1.绝对定位属性:position 值: absolute 设置了绝对定位的元素,相当于该元素被从原文档中删除了 所以”正常文字4“会紧接着出现在 ”正常文字2“后面,而不会留下空档p.abs{ position: ab转载 2018-01-15 11:45:08 · 3581 阅读 · 0 评论 -
Javascript 语言基础3(作用域、事件、算术运算符、逻辑运算符)
JAVASCRIPT 作用域1.参数的作用域一个参数的作用域就在这个函数内部,超出函数就看不见该参数了 function f1(a){ document.write('参数的作用域在函数以内,其值是 '+a);//参数a的作用范围,所以打印出来是5;} function f2(){ document.write('在函数里不能访问其他函数的参数'+a); //转载 2018-01-16 13:54:41 · 245 阅读 · 0 评论 -
Javascript 语言基础2(类型转换、函数)
JAVASCRIPT 类型转换1.伪对象伪对象概念:javascript是一门很有意思的语言,即便是基本类型,也是伪对象,所以他们都有属性和方法。变量a的类型是字符串,通过调用其为伪对象的属性length获取其长度 var a="hello javascript"; document.write("变量a的类型是:"+(typeof a)); document.wr转载 2018-01-16 02:57:24 · 299 阅读 · 0 评论 -
Javascript 数字对象Number
JAVASCRIPT 数字对象详解JavaScript中的对象是有着属性和方法的一种特殊数据类型。 常见的对象有数字Number,字符串String,日期Date,数组Array等。 本章节从数字对象开始讲起 注: 这里讲的Number是对象Number,和基本数据类型中的基本类型Number是不一样的Number。1.创建一个数字对象可以通过new Numbe转载 2018-01-16 14:24:40 · 563 阅读 · 0 评论 -
Javascript 字符串对象String
JAVASCRIPT 字符串对象详解与数字类似,基本类型String也有一个对应的String 对象,并且提供了很多有用的方法。创建字符串对象与Number类似的,可以通过new String()创建一个String对象 var x = "5";var y = new String(x);document.write("变量x的值是:"+x);document转载 2018-01-16 14:40:39 · 177 阅读 · 0 评论 -
Javascript 日期对象Date
JavaScript使用Date对象表示日期创建日期对象通过new Date创建一个日期对象,这个对象就表示当前日期(现在) var d = new Date(); document.write('new Date():'+d);年/月/日分别获取年/月/日需要注意的是,getMonth()返回的月数,是基零的,0代表1月份 var d = new D转载 2018-01-17 01:28:34 · 194 阅读 · 0 评论 -
Javascript 数组对象Array
javascript中的数组是动态的,即长度是可以发生变化的。创建数组对象创建一个数组对象 创建数组对象的3种方式: 1. new Array() 创建长度是0的数组 2. new Array(5); 创建长度是5的数组,,但是其每一个元素都是undefine 3. new Array(3,1,4,1,5,9,2,6); 根据参数创建数组function转载 2018-01-17 01:28:18 · 359 阅读 · 0 评论 -
Javascript Math对象和自定义对象
Math是JavaScript的工具对象,用于常见的数学运算自然对数和圆周率属性E PI,分别表示自然对数和圆周率PI document.write(Math.E);document.write("");document.write(Math.PI);绝对值方法 abs 取绝对值document.write(Math.abs(-1));最小最大转载 2018-01-17 01:29:43 · 1264 阅读 · 0 评论 -
Javascript BOM即浏览器对象模型Brower Object Model(Window、Navigator、Screen、History、Location、弹出框、计时器)
BOM即 浏览器对象模型(Brower Object Model) 浏览器对象包括 Window(窗口) Navigator(浏览器) Screen (客户端屏幕) History(访问历史) Location(浏览器地址) Window(窗口)1.获取文档显示区域的高度和宽度一旦页面加载,就会自动创建window对象,所以无需手动创建window对转载 2018-01-17 01:30:23 · 203 阅读 · 0 评论 -
HTML DOM(样式、事件)
HTML DOM 样式一个元素节点的style属性即对应的css1.隐藏和显示通过给元素的style.display 赋值,改变显示还是隐藏隐藏div 显示div 这是一个div function hide(){ var d = document.getElementById("d"); d.style.display="n转载 2018-01-17 01:31:50 · 393 阅读 · 0 评论 -
HTML DOM(即Document Object Model文档对象模型 )(节点概念、获取节点、节点的属性)
DOM 是Document Object Model( 文档对象模型 )的缩写。 DOM是把html里面的各种数据当作对象进行操作的一种思路。 比如一个超链,作为一个DOM对象,就可以使其隐藏,修改其href指向的地址。节点概念DOM把所有的html都转换为节点 整个文档 是一个节点 元素 是节点 元素属性 是节点 元素内容 是节点 注释 也是节转载 2018-01-17 01:31:23 · 348 阅读 · 0 评论 -
HTML DOM(节点关系、创建节点、删除节点、替换节点、插入节点)
HTML DOM 节点关系1.节点关系图假设html代码如实例中,那么各个元素节点的关系如下:d1 d2 d3 的parentNode是parentDivparentDiv的firstNode是 d1parentDiv的lastNode是d3d2的previousSibling是d1d2的nextSibling是d3parentDiv的children是 d转载 2018-01-17 01:32:25 · 5721 阅读 · 1 评论 -
Javascript 语言基础4(条件语句、循环语句、错误语句、练习)
JAVASCRIPT 条件语句当条件成立时,就执行相应语句1.条件成立时执行if条件一定是一个Boolean类型的值,当为true时,执行对应的语句 var age = 15; if(age<18){ document.write("如果年纪小于18,就看 卡通");}2.条件不成立时执行else表示当条件不成立时执行的代码 var ag转载 2018-01-16 14:03:38 · 408 阅读 · 0 评论 -
Javascript 语言基础1(入门、script标签、注释、变量、调试办法、基本数据类型)
JAVASCRIPT 入门教程JavaScript用于网页和用户之间的交互,比如提交的时候,进行用户名是否为空的判断。 完整的javascript由语言基础,BOM和DOM组成1.通过javascript向文档中输出文本document是javascript的内置对象,代表浏览器的文档部分document.write("Hello Javascript"); 向文档写入转载 2018-01-16 01:47:54 · 471 阅读 · 0 评论 -
CSS 基础2(字体、鼠标样式、表格、边框)
CSS设置字体样式详解1.尺寸属性:font-size 值:数字或者百分比p.big{ font-size:30px;} p.small{ font-size:50%;} p.small2{ font-size:0.5em;} 正常大小30px大小的文字50%比例的文字0.5em 等同于 50%比例的文字2.风格font-s转载 2018-01-15 03:26:58 · 203 阅读 · 0 评论 -
CSS 基础1(语法、选择器、注释、尺寸、背景、文本)
什么是 CSS使用css和不使用比较1.不使用css不使用css 给每一个单元格加上背景颜色 就需要给每一个td元素加上bgcolor属性 1 2 3 4 a b 2.使用css使用css 给每一个单元格加上背景颜色只需要在最前面写一转载 2018-01-15 02:34:59 · 188 阅读 · 0 评论 -
HTML基础(入门、开发、中文问题、标签、元素、属性、注释)
中文乱码问题 可以在浏览器上设置编码方式为GB2312 或者在html的最前面加上编码设置 这样就能告诉浏览器使用GB2312方式显示中文 如果 GB2312不行,就用UTF-8HTML是Hype Text Markup Language 超文本标记语言 的缩写 HTML是由一套标记标签 (markup tag)组成,通常就叫标签转载 2018-01-15 00:02:08 · 340 阅读 · 0 评论 -
HTML 基本元素1(标题、段落、粗体、斜体、预格式、删除效果、下划线)
HTML的标题标签 H1,H2,H3,H4,H5标题会自动粗体,大写其中的内容,并且带有换行效果 一般会使用 到 分别表示不同大小的标题标题1标题2标题3标题4标题5 HTML的段落标签 标签即表示段落 是paragraph的缩写 自带换行效果在p标签中的文本会自动换行,不在p标签中的,不会自动换行段落1段落2段落3 段落4转载 2018-01-15 00:10:04 · 2028 阅读 · 0 评论 -
HTML 基本元素2(图像、超链接、表格、列表、块div和span、字体、内联框架)
HTML的 图像标签 详解 即图像标签 需要设置其属性 src指定图像的路径1.同级目录图像如果是本地文件,只需把图片放在同一个目录下即可 src直接使用文件名,不需要/2.上级目录图像图片在上级目录,则在src上加上 ../,即可访问上级目录的图片 如果是在上级目录的上级目录,则使用 ../../3.其他目录图像src使用图片所在的绝对路径转载 2018-01-16 02:41:56 · 434 阅读 · 0 评论 -
HTML表单元素1(文本框、密码框、表单、单选框、复选框、下拉列表、文本域)
HTML的文本框 即表示文本框 并且只能够输入一行 如果要输入多行 使用文本域 注: 标签很特别,一般是不需要写成或者 这样的。 并且 这样的写法也是满足标准的1.文本框2.设置文本框的长度使用属性size3.初始值使用属性value4.有背景文字的文本框使用属性placeholder placeholder是一个ht转载 2018-01-15 01:24:23 · 14198 阅读 · 1 评论 -
CSS 基础3(内边距、外边距、边距模型)
CSS 内边距,以及当设置的数值小于4个的时候的处理元素内边距 指的是元素里的内容与边框之间的距离 属性: padding-left: 左内边距 padding-right: 右内边距 padding-top: 上内边距 padding-bottom: 下内边距 padding: 上 右 下 左1左内边距属性:padding-left 值:数字转载 2018-01-15 04:01:25 · 2671 阅读 · 0 评论 -
CSS 基础4(超链接状态、隐藏、css文件、优先级)
CSS调整超链状态1.伪类,所谓的伪类即被选中的元素处于某种状态的时候 超链状态有4种 link - 初始状态,从未被访问过 visited - 已访问过 hover - 鼠标悬停于超链的上方 active - 鼠标左键点击下去,但是尚未弹起的时候a:link {color: #FF0000}a:visited {color: #00FF00}a:hove转载 2018-01-16 02:48:07 · 745 阅读 · 0 评论 -
CSS 布局2(显示方式、水平居中、左侧固定、垂直居中、左右固定)
CSS 布局 显示方式元素的diplay显示方式有多种,隐藏、块级、内联、内联-块级1.隐藏在隐藏章节已经使用过通过display的方式隐藏一个元素display:none; 使得被选择的元素隐藏,并且不占用原来的位置div.d{ display:none;} 可见的div1隐藏的div2,使用display:none隐藏可见的div32转载 2018-01-15 23:50:50 · 1424 阅读 · 0 评论 -
CSS 布局4(贴在下方、块之间的空格、显示图片一部分、练习)
一个DIV始终贴在下方首先把蓝色div设置为相对定位然后把内部的绿色div设置为绝对定位, bottom: 0表示贴在下面#div1 { position: relative; height: 300px; width: 90%; background-color:转载 2018-01-16 02:53:09 · 785 阅读 · 0 评论 -
HTML表单元素2(普通按钮、提交按钮、重置按钮、图像提交按钮、HTML的按钮标签<button>、练习)
HTML的普通按钮 即普通按钮1.普通按钮2.普通按钮不具备提交form的效果普通按钮不能提交账号: 密码: HTML的提交按钮 即为提交按钮 用于提交form,把数据提交到服务端账号: 密码: HTML的重置按钮 重置按钮 可以把输入框的改动复原账号: 密码: HTML中使用图片提交FORM转载 2018-01-16 02:45:54 · 5135 阅读 · 1 评论 -
HTML DOM(动态加载js、动态建表、表格排序)
动态加载js function loadJS(){ //创建一个新的元素节点 var newScript = document.createElement('script'); //地址 newScript.src = 'http://how2j.cn/study/test3041.js'; var firstScript = document.ge转载 2018-01-17 02:22:24 · 746 阅读 · 0 评论