- 博客(16)
- 收藏
- 关注
转载 JS第二天:事件。
JavaScript创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。主要事件表:转载于:https://www.cnblogs.com/crazy-IT-Boy/p/4725072.html...
2015-08-12 17:45:00
118
转载 JS第二天:数组、
数组:数组长度属性:myarray.length; //获得数组myarray的长度转载于:https://www.cnblogs.com/crazy-IT-Boy/p/4724902.html
2015-08-12 17:04:00
117
转载 元素的className属性-修改类名
控制类名(className 属性):className 属性设置或返回元素的class 属性。语法:object.className = classname作用:1.获取元素的class 属性2. 为网页内的某个元素指定一个css样式来更改该元素的外观看看下面代码,获得 <p> 元素的 class 属性和改变className:...
2015-08-11 17:57:00
502
转载 JS改变 HTML 样式(CSS)、display(显示或者隐藏元素)
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢?语法:Object.style.property=new style;注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。基本属性表(property):注意:该表只是一小部分CSS...
2015-08-11 17:03:00
559
转载 innerHTML 属性
innerHTML 属性innerHTML 属性用于获取或替换 HTML 元素的内容。语法:Object.innerHTML注意:1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。2.注意书写,innerHTML区分大小写。我们通过id="con"获取<p> 元素,...
2015-08-11 16:51:00
98
转载 通过ID获取元素getElementById
语法: document.getElementById(“id”) 结果:null或[object HTMLParagraphElement].除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。不过,最有效的方法是 getElementById()。实例:...
2015-08-11 16:38:00
356
转载 JS第一天:window.open、window.close
window.open(打开新窗口)open()方法可以查找一个已经存在或者新建的浏览器窗口。语法:window.open([URL], [窗口名称], [参数字符串])参数说明:URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。窗口名称:可选参数,被打开窗口的名称。...
2015-08-11 14:13:00
296
转载 JS第一天:write、alert、confirm、prompt
确认(confirm 消息对话框):confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法:confirm(str);参数说明:str:在消息对话框中要显示的文本返回值: Boolean值返回值:当用户点击"确定"按钮时,返回true当用户点击"取消"按...
2015-08-11 14:10:00
148
转载 使用display:table-cell来设置垂直居中
在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell,激活 vertical-align 属性,但注意 IE6、7 并不支持这个样式。html代码:<div class="container"> <div> <p>看我是否可以居中。</p&...
2015-08-11 13:50:00
240
转载 水平居中设置-行内元素
1、如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center来实现的。水平居中设置-定宽块状元素:当被设置元素为块状元素时用 text-align:center 就不起作用了,这时也分两种情况:定宽块状元素和不定宽块状元素。这一小节我们先来讲一讲定宽块状元素。满足定宽和块状两个条件的元素是可以通过设置“左右marg...
2015-08-11 12:38:00
129
转载 层模型--绝对定位、相对定位、固定定位
绝对定位:如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px...
2015-08-11 11:32:00
182
转载 CSS:3种基本的布局模型、层模型的三种形式
CSS包含3种基本的布局模型:用英文概括为:Flow、Layer 和 Float。在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer)流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置...
2015-08-08 21:51:00
186
转载 行内元素(内联元素)间隙bug问题
行内元素之间会产生间隙bug问题的场景:1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。如下代码:<div> <a>1</a> <a>2</a> <span>33333</span> <span>44444</span&g...
2015-08-08 21:05:00
150
转载 块状元素居中、元素分类(块状,内联,内联块状)、内联转块状
块状元素中的文字、图片居中显示:CSS设置:text-align:center<style type="text/css">div{text-align:center;}</style></head><body><div><img src="http://img.mukewang.com/5...
2015-08-08 20:43:00
156
转载 三种使用CSS形式、!important关键字
1、内联式:<p style="color:red">超酷互联网</p>2、嵌入式:<head><style type="text/css"> p { color:red;}</style></head><body> <p>超酷互联网<...
2015-08-06 17:07:00
214
转载 HTML<form>表单中的label标签
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该 label标签相关连的表单控件上)。语法:<label for="控件id名称">注意:标签的 for 属性中的值应当...
2015-08-06 16:45:00
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人