ios0213的专栏

原创 thead tbody tfoot的用法

thead tbody tfoot  IE浏览器低版本中支持不是很完善，现在HTML5支持教好，可以参考（得意生活网） 源代码，里面有这三个标签的具体使用。

原创 CSS样式中的层叠问题

当一个元素应用到两个不同的规则样式的时候，会穿样式层叠的问题，不同的样式规则会实加在该元素上，相同的规则则会出现层叠，该元素会采用就近的样式来进行显示如：无标题文档#demo{ color:#F00; font-size:24px;}p{ color:#fff; background-color:#096;}span{ color:#000; backgr

原创 CSS 布局实现

无标题文档* { padding: 0; margin: 0;}body{ background-color:#F0E9D8;}#wrap { margin: 0px auto; width: 80%; background-color:#FFF;}#left { float:left; width:20%; height:500px; border:2px s

原创 怎样组织样式表一遍简化维护

原创 css样式中关于定位的问题

无标题文档#demo1{ position:relative; left:300px; top:100px; width:300px; height:200px; background-color:#F00;}#demo2{ position:absolute; width:300px; height:200px; top:100px; left:100px; ba

原创 JavaScript jQuery 复习知识

再一次对jQuery复习了一部分的内容，下面写一段代码：无标题文档$(document).ready(function(e) { $("#demo1").click(function(e) { $("#do").hide(2000) }); $("#demo2").click(function(e) { $("#do").show

原创 自己写的基于JavaScript DOM 仿一些页面的鼠标移动显示相应区块内容

无标题文档* { margin: 0; padding: 0;}#wrap { text-align: center;}#test1 { position: relative; padding-top: 50px; z-index: -1;}#test2 { position: absolute; left: 440px; top: 353px; border-

原创 setTimeout() 方法的运用

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。一般使用setTimeout("alert('how are you?')",2000);如果要多次使用的话，如下：function ceh(){var t=setTimeout("ceh()",1000);}上面之所

原创 用JavaScript 中onblur()函数判断失去焦点后的行为

当输入框失去焦点的时候，使用onblur()函数执行判断行为。可以用来简单的判断如密码输入长度的问题。

转载 css3(border-radius)边框圆角详解

传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4一、border-radius属性CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能

原创 JavaScript DOM 中当将一个元素添加到其他的元素中时，原来的元素被删除

代码实现的是讲一个已经存在的p元素添加给div 元素，当实现添加后，原来p元素被删除，添加后的p元素被添加到div元素里面

原创 css中 除了使用:hover 还有:after

:after定义和用法:after 选择器在被选元素的内容后面插入内容,也可以在被选择元素后面添加新的样式。如：this is a test123用:after 设置样式，如下:p:after{content:"-添加的内容";color:red;fontsize:16px;}则显示后效果为:123-添加的内容

原创 JavaScript DOM中实现循环创建文办节点并添加属性节点

先创建元素，然后创建文办节点，设置属性节点，然后添加在文档中。document.body.appendChild();

原创 JavaScript DOM中删除元素

JavaScript DOM中删除元素，需要知道被删除元素的父节点。如下面：This is a paragraph.This is another paragraph.var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(

原创 JavaScript DOM 创建元素并设置属性

元素中如果原来有值，在新添加了文本节点后，新添加的值添加在原来文本值的后面，不会产生文本属性覆盖的情况，如上面的情况就是输出：123this is a test

原创 JavaScript DOM 中创建元素并设置属性

如下面：var para=document.createElement("p");var node=document.createTextNode("hao123");para.appendChild(node);document.body.appendChild(para);可以在任何时候对新创建的元素使用DOM方法，对元素任意属性进行设置，即使在插入文档之前，如：var

原创 JavaScript DOM用document.createElement()生成元素，用seAttribute()函数设置属性值

利用JavaScript DOM生成元素如下步骤：var para=document.createElement("div");para.setAttribute("id","slideshow");var img=document.createElement("img");img.setAttribute("id","img");img.setAttribute("src","

原创 JavaScript DOM中良好的变成习惯

1.首相检查浏览器是否良好的支持DOM方法。如下：if(!document.getElementById) return false;if(!document.getElementByTagName) return false;2.检查浏览器是否能检索改元素的值。如下：if(!document.getElementById("demo")) return false

原创 申请搜狐自媒体账号

（visualor）申请入驻搜狐公众平台，特此声明

原创 JavaScript DOM中 改变样式属性，实现动画效果 2

具体代码如下：无标题文档#demo1{ width:300px; height:200px; border:3px solid #F00;}function ceh1(element){ element.style.color="#0f0"; element.style.backgroundColor="#a4c639"; movement=setTime

原创 JavaScript DOM中 改变样式属性，实现动画效果

利用JavaScript DOM可以实现元素样式的修改，但是需要注意的是，此时修改的样式属性必须要在元素的内部，即属于内联样式。当一个元素有外部样式或者内部样式时，这个时候用JavaScript DOM无法实现对样式的属性进行修改，这个时候只能添加新的样式属性。如：.demo{position:absolute;top:200px;width:150px;}

原创 JavaScript DOM 利用样式实现元素移动位置

无标题文档#demo1{ width:300px; height:200px; border:3px solid #F00; position:absolute; top:0; left:0;}function ceh1(element){ element.style.color="#0f0"; element.style.backgroundColor="#a4c

原创 利用脚本脚本实现修改CSS样式

在用CSS样式的时候，可能某些伪类在一些浏览器中得不到很好的支持，这个时候可以用JavaScript修改样式，从而实现自己想要的结果。伪类如 :hover  在一些浏览器中可能得不到很好的支持。下面是自己写的代码：无标题文档ul{ list-style-type:none;}li{ float:left; margin-right:30px;}

原创 javascript dom 获取样式属性值

文章中每一个元素都是对象，样式也是对象获取样式属性先创建元素对象，然后获取样式属性值；如：123document.getElementById("demo").style.color;

原创 JavaScript中typeof()函数的定义和用处 getAttribute() 获取title

typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。无标题文档123456789function ceh(show){alert(show.getAttribute("title"));}

原创 网页的3层结构 结构层 表示层 行为层

原创 JavaScript DOM 中创建元素 用 setAttribute()函数设置属性值

转载 JavaScript代码收集

//打开模式对话框function doSelectUser(txtId) {      strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no";      var url,strReturn;        url="se

原创 JavaScript DOM 中setAttribute()的使用 以及点击鼠标返回函数的处理

无标题文档#demo{position:absolute;top:210px;left:250px;}ul{margin:0;padding-left:170px;list-style-type:none;}li{float:left;margin-right:70px;}li:hover{border-bottom:3px so

原创 JavaScript DOM 中获取chilsnodes

请点击按钮来获得 body 元素子节点的相关信息。试一下function myFunction(){var txt="";var c=document.body.childNodes;for (i=0; i  {  txt=txt + c[i].nodeName + "";  };var x=document.getElementById

原创 JavaScript DOM 中获取元素属性

123456789var mm=document.getElementsByTagName("p");alert(mm[2].id);    /*此处创建了对象后，可以直接用对象获取相应的属性值*/

原创 JavaScript DOM getElementByTagName 中关于 getAttribute() 和setAttribute()的使用

男:女:var input=document.getElementsByTagName("input");for(i=0;i{alert("value:"+input[i].getAttribute("value"));   /*getAttribute("*")*  获取属性值/}================================

原创 javasript dom 中获取元素类名 或者 改变类 引用另外一个类

无标题文档.demo{color:#F00;}.demo2{color:#0F0;}hao123.comvar old=document.getElementById("dd");  /*获取ID，然后用ID.className="另外一个新类名"  来实现改变一个元素的类*/ old.className="demo2";

原创 JavaScript DOM 中的内置对象

JavaScript中内置三周对象1.用户自定义对象，如：var person=new Object();2.内建对象，如Date() ,Array().3.宿主对象，由浏览器提供的对象。需要注意的地方，浏览器提供的内建对象首字母都是大写，在编写的时候需多加注意。如：person =new Object();

原创 JavaScript 中 宿主对象

原创 JavaScript中变量的作用域

原创 HTML 中thead tbody tfoot 的使用方法

原创 HTML DOM 利用下拉框实现网页跳转

function go(){location=document.forms[0].gowhere.value}-Select location-ASP 教程HTML 教程JavaScripts 教程

原创 HTML DOM 定向到新的网页 位置定位

onsubmei  后面为方法函数，用脚本处理。================================================================================================相对位置的定位：var i=1function moveright(){document.getElementById('heade

原创 HTML DOM 中获取表单属性值

获取表单元素的 ID  和  type：document.getElementById("myButton").iddocument.getElementById("myButton").type  选定复选框：function check(){document.getElementById("myCheck").checked=true}fun