javascript
关注
分享
扫一扫
文章平均质量分 74
shizhan1881
这个作者很懒，什么都没留下…
展开
-
javascript中的函数
javascript中声明函数的方式有三种： 一：function 函数名(参数列表） { 函数体； } 二：var test = function(参数列表) { 函数体； } 三：var test = new Functio原创 2012-07-04 18:53:42 · 572 阅读 · 0 评论 -
使用javascript进行简单的时间显示
下面是简单的两个计时： html代码： function startTime(){var today=new Date()var h=today.getHours()var m=today.getMinutes()var s=today.getSeconds()// add a zero in fron原创 2012-07-05 19:25:36 · 636 阅读 · 0 评论 -
javascript事件冒泡
javascript中的事件有冒泡性质，例如div1里面嵌套div2，div2嵌套div3，当我们为div3注册鼠标点击事件的时候，div2和div1的鼠标点击事件处理函数也会相应触发。 如果我们想阻止事件冒泡（ie中的叫法）或者事件传播（火狐中的叫法），可以使用event.canelBubble =true;（ie中的方法），e.stopPropagation();（火狐中的方法），原创 2012-07-06 15:50:42 · 654 阅读 · 0 评论 -
javascript注册多事件
在javascript中我们可以为一个按钮注册多个事件，如果我们使用的是button.onclick=函数1，button.onclick=函数2的话，那么函数二就会把函数一给覆盖掉，这时候我们就需要使用其他方法了。 ie中： 使用 attachEvent("onclick",fn1); 来注册事件 使用detachEvent("onclick",fn1);原创 2012-07-06 17:37:02 · 1222 阅读 · 0 评论 -
JavaScript创建水平导航下拉菜单
在Web应用上创建一个下拉菜单，可以有多种方法。有些基于CSS来实现，有些基于JavaScript来实现。这两种方法各有优劣。基于CSS的实现只使用CSS技术，比较好掌握，但不容易应付比较复杂，如多级菜单的情况，而且往往还需要采用各种hacks来应付不同浏览器的怪癖。而基于JavaScript的实现，原则上还需要CSS来负责页面的表现，但使用JavaScript来与用户交互。应该说，CSS属于表现转载 2012-07-05 23:26:30 · 4046 阅读 · 1 评论 -
javascript阻止默认事件
有时候用户填写表单后，可能信息输入不完整，这时候我们可以利用javascript验证表单输入的完整性，如果用户输入不合法的话，我们就阻止用户提交。还比如说点击超链接的时候，用户有可能没有权限，我们也可以利用javascript阻止。 阻止默认事件的方法： ie中： window.event.returnValue=false; 火狐中：event.preventDefault()原创 2012-07-06 17:28:03 · 1339 阅读 · 0 评论 -
javascript中的类
使用javascript创建类的方式： 一：创建object对象，扩展它 var stu = new Object(); stu.id=1; stu.name="shizhan"; stu.age=22; stu.setName=function(name) {原创 2012-07-06 19:58:38 · 613 阅读 · 0 评论 -
DOM常用对象的属性和方法
Image 对象的属性标准属性Image 对象的事件句柄 HTML DOM Button 对象Button 对象代表 HTML 文档中的一个按钮。该元素没有默认的行为，但是必须有一个 onclick 事件句柄以便使用。 HTML DOM Checkbox 对象 HTML DOM FileUpload 对象 该元素包含一个转载 2012-07-11 09:32:23 · 1988 阅读 · 0 评论 -
javascript基础一
//在浏览器上写入值 document.write("啊沙发上广泛"); //alert("it is a dialog"); //提示用户输入值的对话框 //var name = prompt("what is your name?",""); //弹出对话框 //alert( "welc原创 2012-07-02 21:17:36 · 433 阅读 · 0 评论 -
CSS的6+1简单应用
/*标签选择器*/p{ font-size : 100px; color : green;}/*id选择器*/#x{ font-size : 60px; color: red;}/*类选择器*/.myclass{ font-size : 40px; color: green;}/*特定选择器*/翻译 2012-07-03 16:20:27 · 497 阅读 · 0 评论 -
js正则表达式
字符含意\做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。 ^匹配一个输入或一行的开头，/^a/匹配"an A"，而转载 2012-11-13 11:02:37 · 644 阅读 · 0 评论 -
javascript动态更新省份和市
首先看下效果： 选择其他省份后： 下面是javascript代码： var shengfenarr = ["福建","江苏","广东","浙江"];var shi =[ ["泉州","漳州","福州","厦门"],["苏州","南京"], ["深圳","广州","珠海","汕头" ] ,["温州","杭州"] ];fun原创 2012-07-05 18:47:17 · 3717 阅读 · 0 评论 -
javascript动态修改html页面内容
1：下面是动态删除页面内容 效果： 没删除前： 删除后： 我们可以看见段落二被删除了 javascript代码： function remove(){ var p2 = document.getElementById("p2"); p2.parentNode.removeChild(p2);}原创 2012-07-05 19:00:07 · 14316 阅读 · 1 评论 -
文档对象模型DOM
DOM 节点树 document--根节点html(dom节点、dom对象、Element) ---子节点1 head ----子节点2 bodyDocument Object Model 文档对象模型1.DOM是HTML与XML的应用编程接口(API)，DOM将整个页面映射为一个由层次节点组成的文件.有1级、2级、3级共三个级别2.DOM的核心是提原创 2012-07-05 09:03:02 · 633 阅读 · 0 评论 -
事件驱动编程
事件驱动编程发生某个事件、或者状态改变，调用某个事件处理函数几个核心概念事件源：谁发出事件通知，发出消息；也就是事件主体事件名称：发出什么样的通知的名称，比如鼠标到我头上了，我被别人点了一下事件响应函数：谁对这个事件感兴趣，当这个事件发生时要执行什么样的操作事件对象：一般来说，当事件发生时，会产生一个描述该事件的具体对象，包括具体的参数一起发给响应函数，好让原创 2012-07-05 09:04:49 · 933 阅读 · 0 评论 -
浏览器对象模型-BOM
BOM（浏览器对象模型），它提供了独立于内容而与浏览器窗口进行交互的对象。BOM由一系列相关的对象构成。一、window对象 window对象表示整个浏览器窗口，但不必表示其中包含的内容。Window还可用于移动或调整它表示的浏览器的大小。 (1)、window对象在框架中的应用 如果页面使用框架集合，每个框架都由它自己的window对象表示，存放在f转载 2012-07-05 09:16:21 · 746 阅读 · 0 评论 -
css简单应用
#menu{width:200px;height:280px;background:url(img/bg.gif) no-repeat;} li{font-size:12px;list-style:none;line-height:25px;} .menu-class{font:bold 14px 宋体;color:#ff7300;line-height:3原创 2012-07-03 20:35:57 · 546 阅读 · 0 评论 -
dom动态修改html页面
我们可以利用dom动态修改html页面内容，下面是一个小范例。 javascript代码：function c(){ var p5 = document.createElement("p"); var textNode = document.createTextNode("我是段落5，后来被插入的"); p5.appendChild(textNode);原创 2012-07-04 21:01:21 · 1641 阅读 · 0 评论 -
利用javascript实现图片局部放大
效果： 局部放大： 1.js // TJPzoom 3 * Janos P Toth// 2007.07.12// 2011.03.24 firefox 4 apparently has a style.filter attribute (which i didn't expect in 2007)// Docs @ http://valid.tj原创 2012-07-04 21:04:30 · 817 阅读 · 0 评论 -
利用javascript进行表单验证
效果： 没有点击登录前的页面： 点击登录，不过用户名和密码为空： js代码： function login(){ var username = document.getElementById("username").value; var password = document.getElementById("password").va原创 2012-07-05 19:14:16 · 979 阅读 · 0 评论 -
隐藏和显示div的两种方法（display和visibility）
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> .yangshi1{ width:200px; height:200px; background-col原创 2012-07-05 20:05:11 · 1421 阅读 · 0 评论 -
javascript动态创建地图说明
点击图片上的相应星球时，会出现相应星球的说明。 下面是js代码：function writeText(txt){document.getElementById("desc").innerHTML=txt}<area shape="circle" coords="180,139,14"onMouseOver="writeText('直到 2转载 2012-07-05 23:08:23 · 856 阅读 · 0 评论 -
JS跨域请求
Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup转载 2013-10-21 16:45:52 · 737 阅读 · 0 评论