BlogJava-fish的Blog-文章分类-JavaScript

javascript 封装好的漂亮的进度条.html

fish的Blog — Tue, 04 Dec 2007 05:47:00 GMT

fish的Blog 2007-12-04 13:47 发表评论

js 屏蔽/启用enter鍵

fish的Blog — Tue, 04 Dec 2007 05:43:00 GMT

(1)

  function enter()
  {
   if(window.event.keyCode==13)
   {
    document.Form1.IbtnLogin.click();
   }
  }

(2)

onkeypress="if ((event.keyCode == 13)) event.keyCode=0;"

fish的Blog 2007-12-04 13:43 发表评论

文件上传时，使文本框变为只读的状态(原创)

fish的Blog — Tue, 30 Jan 2007 06:26:00 GMT

有时候我们在文件上传时，为了防止用户恶意的输入错误的上传地址。我们需要使文本框变为只读的状态，原先用smartupload控件，感觉效果不好，比较繁琐，现在用另一种上传形势来解决这个问题。

以下例子:

原理就是把上传组件的文件地址，赋值到另外一个文本框，作为它的值。然后把其上传组件的长度设置为0。

fish的Blog 2007-01-30 14:26 发表评论

弹出窗口的按钮提交，刷新负页面

fish的Blog — Fri, 08 Dec 2006 01:11:00 GMT

fish的Blog 2006-12-08 09:11 发表评论

判断textbox的长度，并且固定最多收入字符

fish的Blog — Mon, 24 Jul 2006 03:21:00 GMT

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

Untitled Document

还剩下的字数:

fish的Blog 2006-07-24 11:21 发表评论

JAVASCRIP中的this

fish的Blog — Wed, 19 Jul 2006 03:18:00 GMT

this 语句指当前对象。

this.property 必选的 property 参数指的是对象的属性。

this 关键字通常在对象的构造函数中使用，用来引用对象。

示例

在下面示例中，this 指的是新创建的 Car 对象，并给三个属性赋值。

function Car(color, make, model){
this.color = color;
this.make = make;
this.model = model;
}

对于 JScript 的客户版本，如果在其他所有对象的上下文之外使用 this，则它指的是 window 对象。

简单点说，如果在函数里面，this表示当前函数；

如果触发了事件，比如onclick，那么this表示当前触发事件的对象

fish的Blog 2006-07-19 11:18 发表评论

DHTML 和 Javascript 的关系

fish的Blog — Wed, 19 Jul 2006 03:07:00 GMT

DHTML，就是dynamic HTML，就是动态页面，是采用客户端脚本写的网页，客户端脚本本包括vbs和js。

页面是由各种各样的HTML标签搭建起来,DOM文档就是反应和可操纵页面的树状对象.而javascdript是用来

操纵这个DOM对象的语言.

打个比喻说,javascript就像sql语句,DHTML就像数据库.

或者再打个通俗的比喻,DHTML就像是肉和菜,javascript就像是锅和铲子.

DOM分为DHTML Object Mode（微软标准）和Document Object Mode（W3C标准）

document.all.name.attribute 是 DHTML Object Mode 微软标准

document.getElementById(id).attribute 是 Document Object Mode w3c的标准

因为开发中实际是用的是微软标准,当然极端情况下还会考虑一下Firefox标准,但W3C标准只供参考.在面向

市场的开发中,W3C标准没有什么实际价值的.

fish的Blog 2006-07-19 11:07 发表评论

把复选框变灰色(不可选)

fish的Blog — Wed, 19 Jul 2006 02:34:00 GMT

只要标签中有写disabled属性，checkbox就灰了。

要想在JS程序中动态控制，使用

checkbox.style.disabled = true 或 false 比较好，代码也比较便于阅读。

fish的Blog 2006-07-19 10:34 发表评论

JS实现点击按钮，能相当于网页的后退功能

fish的Blog — Wed, 19 Jul 2006 01:52:00 GMT

其中history.back(-1)代表你要连接到的前面一张网页。如果你要往后回退5页,你可以使用history.back(-5)就搞定了。

fish的Blog 2006-07-19 09:52 发表评论

265天气预报代码

fish的Blog — Wed, 12 Jul 2006 09:26:00 GMT

http://weather.265.com/weather.htm" width="168" height="54" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no">

fish的Blog 2006-07-12 17:26 发表评论

JavaScript中避免Form重复提交的两种方案

fish的Blog — Wed, 12 Jul 2006 09:22:00 GMT

1、javascript ，设置一个变量，只允许提交一次。

method="post" onsubmit="return checkSubmit();">

2、javascript，将提交按钮或者image置为disable

method="post"
onsubmit="getElById('submitInput')
.disabled = true;
return true;
">

styleId="submitInput"
src="images/ok_b.gif"
border="0" />

fish的Blog 2006-07-12 17:22 发表评论

新浪天气预报代码

fish的Blog — Wed, 12 Jul 2006 09:18:00 GMT

http://news.sina.com.cn/iframe/weather/130101.html">>

fish的Blog 2006-07-12 17:18 发表评论

JavaScript脚本语言描述：document 文挡对象详解

fish的Blog — Wed, 12 Jul 2006 09:16:00 GMT

---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------

对象属性
document.title //设置文档标题等价于HTML的标签<br />document.bgColor //设置页面背景色<br />document.fgColor //设置前景色(文本颜色)<br />document.linkColor //未点击过的链接颜色<br />document.alinkColor //激活链接(焦点在此链接上)的颜色<br />document.vlinkColor //已点击过的链接颜色<br />document.URL //设置URL属性从而在同一窗口打开另一网页<br />document.fileCreatedDate //文件建立日期，只读属性<br />document.fileModifiedDate //文件修改日期，只读属性<br />document.fileSize //文件大小，只读属性<br />document.cookie //设置和读出cookie<br />document.charset //设置字符集简体中文:gb2312<br />---------------------------------------------------------------------<br />对象方法<br />document.write() //动态向页面写入内容<br />document.createElement(Tag) //创建一个html标签对象<br />document.getElementById(ID) //获得指定ID值的对象<br />document.getElementsByName(Name) //获得指定Name值的对象<br />---------------------------------------------------------------------</p> <p>images集合(页面中的图象)</p> <p>a)通过集合引用<br />document.images //对应页面上的标签<br />document.images.length //对应页面上标签的个数<br />document.images[0] //第1个标签 <br />document.images[i] //第i-1个标签</p> <p>b)通过nane属性直接引用<br /><br />document.images.oImage //document.images.name属性</p> <p>c)引用图片的src属性<br />document.images.oImage.src //document.images.name属性.src</p> <p>d)创建一个图象<br />var oImage<br />oImage = new Image()<br />document.images.oImage.src="/1.jpg"<br />同时在页面上建立一个标签与之对应就可以显示</p> <p><html><br /><br /><script language="javascript"><br /> var oImage<br /> oImage = new Image()<br /> document.images.oImage.src="/1.jpg"<br /></script><br /></html></p> <p>----------------------------------------------------------------------</p> <p>forms集合(页面中的表单)</p> <p>a)通过集合引用<br />document.forms //对应页面上的<form>标签<br />document.forms.length //对应页面上<form>标签的个数<br />document.forms[0] //第1个<form>标签<br />document.forms[i] //第i-1个<form>标签<br />document.forms[i].length //第i-1个<form>中的控件数<br />document.forms[i].elements[j] //第i-1个<form>中第j-1个控件</p> <p>b)通过标签name属性直接引用<br /><form name="Myform"><input name="myctrl"></form><br />document.Myform.myctrl //document.表单名.控件名</p> <p>-----------------------------------------------------------------------<br /><html><br /><br /><form name="Myform"><br /><input type="text" name="oText"><br /><input type="password" name="oPswd"><br /><form><br /><script language="javascript"><br />//获取文本密码框的值<br />document.write(document.Myform.oText.value)<br />document.write(document.Myform.oPswd.value)<br /></script><br /></html><br />-----------------------------------------------------------------------<br /><html><br /><br /><form name="Myform"><br /><select name="oSelect"><br /><option value="1">1</option><br /><option value="2">2</option><br /><option value="3">3</option><br /></select><br /></form></p> <p><script language="javascript"><br /> //遍历select控件的option项<br /> var length<br /> length=document.Myform.oSelect.length<br /> for(i=0;i<length;i++)<br /> document.write(document.Myform.oSelect[i].value)<br /></script></p> <p><script language="javascript"><br /> //遍历option项并且判断某个option是否被选中<br /> for(i=0;i<document.Myform.oSelect.length;i++){<br /> if(document.Myform.oSelect[i].selected!=true)<br /> document.write(document.Myform.oSelect[i].value)<br /> else<br /> document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>") <br /> }<br /></script></p> <p><script language="javascript"><br /> //根据SelectedIndex打印出选中的option<br /> //(0到document.Myform.oSelect.length-1)<br /> i=document.Myform.oSelect.selectedIndex<br /> document.write(document.Myform.oSelect[i].value)<br /></script></p> <p><script language="javascript"><br /> //动态增加select控件的option项<br /> var oOption = document.createElement("OPTION");<br /> oOption.text="4";<br /> oOption.value="4";<br /> document.Myform.oSelect.add(oOption);<br /></script><br /><html><br />-----------------------------------------------------------------------<br /><Div id="oDiv">Text</Div><br />document.all.oDiv //引用图层oDiv<br />document.all.oDiv.style <br />document.all.oDiv.style.display="" //图层设置为可视<br />document.all.oDiv.style.display="none" //图层设置为隐藏<br />/*document.all表示document中所有对象的集合<br />只有ie支持此属性，因此也用来判断浏览器的种类*/</p> <br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/yjj317/" target="_blank">fish的Blog</a> 2006-07-12 17:16 <a href="http://www.blogjava.net/yjj317/articles/57832.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>QQ天气预报代码</h1> <p>fish的Blog — Wed, 12 Jul 2006 09:14:00 GMT</p> <p></p> <p> <br /> <br /> </p> <br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/yjj317/" target="_blank">fish的Blog</a> 2006-07-12 17:14 <a href="http://www.blogjava.net/yjj317/articles/57830.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>动态添加删除表格</h1> <p>fish的Blog — Wed, 12 Jul 2006 09:12:00 GMT</p> <p>最近公司项目要实现动态增加删除表格，以下这个例子供大家参考学习。<br /><br /><br /><html><br /><head><br /><title>管理中心

fish的Blog 2006-07-12 17:12 发表评论