aomichen2432-优快云博客

转载 JS第二天：事件。

JavaScript创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。主要事件表: 转载于:https://www.cnblogs.com/crazy-IT-Boy/p/4725072.html...

2015-08-12 17:45:00 160

转载 JS第二天：数组、

数组：数组长度属性： myarray.length; //获得数组myarray的长度转载于:https://www.cnblogs.com/crazy-IT-Boy/p/4724902.html

2015-08-12 17:04:00 147

转载元素的className属性-修改类名

控制类名（className 属性）： className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观看看下面代码，获得 <p> 元素的 class 属性和改变className： ...

2015-08-11 17:57:00 545

转载 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 601

转载 innerHTML 属性

innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。我们通过id="con"获取<p> 元素，...

2015-08-11 16:51:00 124

转载通过ID获取元素getElementById

语法: document.getElementById(“id”) 结果:null或[object HTMLParagraphElement]. 除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。不过，最有效的方法是 getElementById()。实例： ...

2015-08-11 16:38:00 384

转载 JS第一天：window.open、window.close

window.open(打开新窗口) open()方法可以查找一个已经存在或者新建的浏览器窗口。语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 ...

2015-08-11 14:13:00 335

转载 JS第一天：write、alert、confirm、prompt

确认（confirm 消息对话框）： confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法: confirm(str); 参数说明: str：在消息对话框中要显示的文本返回值: Boolean值返回值: 当用户点击"确定"按钮时，返回true 当用户点击"取消"按...

2015-08-11 14:10:00 182

转载使用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 271

转载水平居中设置-行内元素

1、如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。水平居中设置-定宽块状元素：当被设置元素为块状元素时用 text-align：center 就不起作用了，这时也分两种情况：定宽块状元素和不定宽块状元素。这一小节我们先来讲一讲定宽块状元素。满足定宽和块状两个条件的元素是可以通过设置“左右marg...

2015-08-11 12:38:00 158

转载层模型--绝对定位、相对定位、固定定位

绝对定位：如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px...

2015-08-11 11:32:00 207

转载 CSS:3种基本的布局模型、层模型的三种形式

CSS包含3种基本的布局模型: 用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）流动布局模型具有2个比较典型的特征：　　第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置...

2015-08-08 21:51:00 220

转载行内元素(内联元素)间隙bug问题

行内元素之间会产生间隙bug问题的场景： 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。如下代码： <div> <a>1</a> <a>2</a> <span>33333</span> <span>44444</span&g...

2015-08-08 21:05:00 175

转载块状元素居中、元素分类（块状，内联，内联块状）、内联转块状

块状元素中的文字、图片居中显示： 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 202

转载三种使用CSS形式、!important关键字

1、内联式： <p style="color:red">超酷互联网</p> 2、嵌入式： <head> <style type="text/css"> 　　p { 　　color:red; } </style> </head><body>　　<p>超酷互联网&lt...

2015-08-06 17:07:00 247

转载 HTML<form>表单中的label标签

　　label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该 label标签相关连的表单控件上）。语法： <label for="控件id名称"> 注意：标签的 for 属性中的值应当...

2015-08-06 16:45:00 193

aomichen2432的博客