ios0213的专栏

转载 Python程序提示SyntaxError: invalid syntax错误

这里是一段程序及解释结果：                    提示错误：SyntaxError:invalid syntax .        其实这句话的意思就是“语法错误：不正确的语法”。           所以就很明白了，这几句代码不符合语法规范。           但是有些人可能觉着奇怪，明明是教程上原封不动拷过来

原创 鼠标移动实现样式改变

无标题文档ul{ margin-top:50px; list-style-type:none;}li{ width:100px; line-height:40px; height:40px; background-color:#099; float:left; text-align:center; border-right:1px solid #FFF;}

原创 搜索框代码

无标题文档div{width:758px;height:38px;padding:0;border:2px solid #00B1A1;}.inp{float:left;display:inline;padding:8px;font-size:18px;width:640px;border:none;color: #999;}.i

原创 Javascript工厂模式:函数createPerson(...

工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节，如下面的例子所示：function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age =

原创 创建对象与括号之间的关系

无标题文档var m=new Object();m.name="lilu";m.age=16;m.addr="hubei";m.say=function () /*这里方法后面不添加括号,跟之前的window.onload=say; 一样*/{ alert(m.age);};m.say(); /*这里条用对象方法,say()为方法的函数名*/

转载 关于javascript中apply()和call()方法的区别

如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主

转载 JavaScript charAt() 方法

定义和用法charAt() 方法可返回指定位置的字符。请注意，JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串。语法stringObject.charAt(index)参数描述index必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

原创 自己写的鼠标单击按钮实现图片切换

无标题文档div{ margin:0 auto; width:960px; margin-top:80px; position:relative;}div a{ outline:none;}div img{ border:0;}div span{ -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0

原创 img src属性 DOM编程下 img.src与element.getAttribute("src")的区别

下面是一段测试代码：var img=document.getElementById("demo");alert(img.src);alert(img.getAttribute("src"));我们将文件保存在F盘下，然后运行，可以看到：img.src  显示是图片的完整路径，即在哪个文件夹下以及命名。img.getAttribute("src")  显

原创 javascript:; 和 javascript:void(0); 的区别是什么？

2 个回答6赞同反对匿名用户6 人赞同“javascript:void(0);”要去执行一次表达式“0”，然后返回undefined。“javascript:;”直接返回undefined。性能上区别：void多一次表达式解析。空间上区别：“void(0);”比“;”多7个字符。发布于 2014-10-17

原创 使用不带圆括号的函数名是访问函数指针，而不是调用函数名

函数名是指向函数的指针。

转载 JavaScript indexOf() 方法

定义和用法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值

原创 JavaScript pop() 方法

定义和用法pop() 方法用于删除并返回数组的最后一个元素。语法arrayObject.pop()返回值arrayObject 的最后一个元素。说明pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。实例

转载 JavaScript push() 方法

定义和用法push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX)参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个

转载 JavaScript join() 方法

定义和用法join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法arrayObject.join(separator)参数描述separator可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。返回值返回一个字符串。该字符串是通过把 arrayO

原创 自己写的，用onpropertychange 和 oninput时间实现对文本框的实时触发

代码如下：无标题文档.main { width: 546px; margin: 0 auto; margin-top:40px; border: 1px solid #9BAABD;}.top { width: 500px; height: 200px; margin: 20px 20px 0 20px; color:#CCC;}.footer { pos

原创 JavaScript slice() 方法

定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数描述start必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。end可选。规定从何处结束选

转载 JavaScript substring() 方法

定义和用法substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)参数描述start必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop可选。一个非负的整数，比要提取的子

转载 JavaScript substr() 方法

定义和用法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法stringObject.substr(start,length)参数描述start必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二

原创 Input的size与maxlength属性的区别

maxlength="500",表示的意思是input输入框中最多够输入500个字符。W3C标准指出maxlength规定文本字段中允许的最大字符数。size="500"，则表示input输入框只显示500个可见的字符，但用户实际可以输入无限多的内容。W3C指出size属性规定输入字段中的可见字符数。input表单控件的 size 属性是一个可视化的设计属性，在项目中建议使用 CSS 中的

转载 实时监听输入框值变化的完美方案：oninput & onpropertychange

定义和用法oninput 事件在用户输入时触发。该事件在 或 元素的值发生改变时触发。提示： 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 和 元素。　在 Web 开发中经常会碰到需要

原创 创建一个Object()对象

一般创建Object()对象的时候，我们常用这种写法，如：var preson=new Object();或者用另外一种 对象字面量 表示法var preson={        name:"jofr",        age:25}这里需要注意的是，name  后面是逗号 ,   不要写成分号:

原创 用window.onload方法加载函数

例如脚本中要执行一个函数，当页面也没有触发行为或者其他调用的时候，函数无法被执行。这个时候可以用window.onload进行调用函数进行执行。如：function ce1(){ alert("123");}window.onload=ce1;注意后面不用加() .当脚本内部有几个函数的时候，如果只用如下面function ce1(){ alert("

原创 toString()没有参数

toString() toString() 方法可把一个逻辑值转换为字符串，并返回结果。

原创 判断文本框是否已经获取焦点 和 判断复选框是否选定

无标题文档* { margin: 0; padding: 0;}div { margin-top: 80px; margin-left: 100px; position: relative;}textarea { outline: none; margin: 0;}p { margin: 0; padding: 0; display: inline-block;

转载 JavaScript让登录或搜索文本框自动获得焦点

这确实是个值得注意的细节，今天在XX网站登录界面上遇到了，就先记录下来了，每个网页都有其专注的功能，有的专注于文章资讯等信息呈现，有的专注于视频播放，有的专注于登录，今天要说的就是专注于像登录或搜索等类似功能的网页，打开这一类页面，你会发现有些做得比较好的页面，输入焦点会自动落在要填写信息的第一个文本框里，这样我们就不需要再点击鼠标让此类文本框获得焦点了，这样无形中为用户减少了一步点鼠标的操作，易

原创 activeElement 获取焦点

activeElement 当前获得焦点的元素:var x = document.activeElement.tagName;获取当前焦点IDvar x = document.activeElement.id;1、document.activeElement属性　　Document.activeelem

转载 jquery $(document).ready() 与window.onload的区别

1.执行时间         window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。         $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同          window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个         

原创 onload什么时候执行

在JS中，如果希望在页面加载完成后执行某些操作的话，一般的写法如下：window.onload = function(){// some thing to do};但 是，onload函数的执行并不是我们通常所理解的浏览器构建完html页面对应的DOM树后立刻执行，而是要等到页面中所引用的图片等外部资源 完全下载完成后并且在浏览器中显示才执行，也就是说，如果页面中包括很多图片或者图

原创 document.forms.length 与 document.forms.elements.length 的区别

document.forms.length计算文档中form 表单的数目；如：document.forms.elements.length是统计form 表单中元素节点的总数。如：统计这个表单里面元素的总数可以直接这样：document.fr.elements.length;如在提交表单的时候进行验证，单独验证单个元素可以怎样：d

原创 js判断所有表单项不为空则提交表单

无标题文档function check(){for(var i=0;i{if(document.form1.elements[i].type=="submit") continue;if(document.form1.elements[i].value==""){alert("表单不能为空!");document.form1.elements[i].fo

原创 javascript 检查邮件是否正确

无标题文档function check(){ var input=document.getElementsByTagName("input")[2]; if(input.value.indexOf("@")==-1 || input.value.indexOf(".")==-1) { alert("您输入的邮件不正确!"); return false; } else{ a

原创 循环遍历form元素里的表单元素

原创 form元素 length 是form元素里的表单元素的总个数

原创 简单的图片自动轮换

代码如下：无标题文档div{ width:70%; padding:0; margin:0 auto; border:1px solid #CCC; text-align:center;} var imgshow=new Array();imgshow[0]="photo01.jpg";imgshow[1]="photo02.jpg";imgs

转载 js中SetInterval与setTimeout用法

JS里设定延时：使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象SetInterval为自动重复，setTimeout不会重复。clearT

原创 利用calssName给元素修改样式

之前是用DOM style 方式给元素设置或者刷新样式，可以利用元素的className属性设置元素的样式。如：无标题文档.demo1{ color:#F00;}.demo2{ background-color:#066;}how are you?var m=document.getElementById("test");m.className="de

原创 JavaScript DOM 中 实现元素对象的访问

无标题文档double1double2double3double4double5var table=document.getElementsByTagName("table")[0];var tableTr=table.getElementsByTagName("tr");/* + - 为保留的特殊字符，不允许用在变量或者函数里面*/for(var i=0;i<tableTr

原创 循环获取表格各节点属性值。

无标题文档double1double2double3double4double5var table=document.getElementsByTagName("table")[0];var tableTr=table.getElementsByTagName("tr");/* + - 为保留的特殊字符，不允许用在变量或者函数里面*/for(var i=0;i<tableTr

原创 nextSibling

nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。被返回的节点以 Node 对象返回。 previousSibling 返回列表项的 previousSibling（前一个同胞节点）：document.getElementById("item2").previousSibling;