Chinaunix首页 | 论坛 | 博客
  • 博客访问: 580773
  • 博文数量: 107
  • 博客积分: 5065
  • 博客等级: 大校
  • 技术积分: 1362
  • 用 户 组: 普通用户
  • 注册时间: 2008-12-29 16:01
文章存档

2009年(84)

2008年(23)

我的朋友

分类:

2009-01-09 16:23:26

 

 

 

如何与老的浏览器打交道

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:







注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。

======================================================================

事件是可以被 JavaScript 侦测到的行为。

事件

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。

事件举例:

  • 鼠标点击
  • 页面或图像载入
  • 鼠标悬浮于页面的某个热点之上
  • 在表单中选取输入框
  • 确认表单
  • 键盘按键

注意:事件通常与函数配合使用,当事件发生时函数才会执行。

如果需要更多有关 Javascript 可识别事件的知识,请阅读我们的 。

onload 和 onUnload

当用户进入或离开页面时就会触发 onload 和 onUnload 事件。

onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。

onFocus, onBlur 和 onChange

onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容,checkEmail() 函数就会被调用。

onchange="checkEmail()">

onSubmit

onSubmit 用于在提交表单之前验证所有的表单域。

下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true,则提交表单,反之取消提交。

<form method="post" action="xxx.htm" onsubmit="return checkForm()">

onMouseOver 和 onMouseOut

onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

下面是一个使用 onMouseOver 事件的例子。当 onMouseOver 事件被脚本侦测到时,就会弹出一个警告框:

onmouseover="alert('An onMouseOver event');return false">



=======================================================

onsubmit 作用是来防止提交错误码的值.

<HTML>
<BODY>
<form action="index.aspx" method="post" onsubmit="return submitTest();">
<INPUT id="MyEMail" value="123@456.com"><br>
<input type="submit" value="submit">
form>

<SCRIPT LANGUAGE="JavaScript">

SCRIPT>
BODY>
HTML>

========================================================



判断单选框或复选框是否选中


测试







 提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。

 
=============================================================
 
===============================================================
 


<BR>变色








======================================================================
 

(一)、设为首页
 
this.setHomePage("";);>设为首页
(二)、收藏本站

收藏本站


(三)、在窗口的状态区显示滚动信息
(1) 在BODY中加入代码

(2)在BODY标签中:

(四)、在页面加入当前时间

(五)、前进、后退按钮


(六)、加入页面最后修改日期


(七)、前进、后退按钮
前一页
前两页
前三页
后一页
后两页
后三页
也可设置退后、前进多步

(八)、鼠标事件
信箱
鼠标放上去显示警告信息


(九)、获得浏览器的属性
navigator.appCodename=undefinednavigator.appName=Microsoft Internet Explorernavigator.appVersion=4.0 (compatible; MSIE 5.0; Windows 98; DigExt)navigator.appAgent=undefined
(十)、打印整个页面
打印本页
(十一)、查看源码

(十二)、刷新页面
刷新本页
(十三)、背景色变换


(十四)、Title上显示信息

======================================================================

常用Javascript精选(一)
作者:admin 文章来源:本站原创 点击数: 4927 更新时间:2004-9-11

1.自动选定文本框中的文本

2.输入框限制
    onBlur="if(this.value<1||this.value>12)
    {alert('月份输入有误!');
    this.focus();}>


3.限制输入框只能输入数字金额
 57) event.returnvalue = false;">

4.回车转下一行

5.弹出普通窗口及全屏展开

var winH=window.screen.height -58;
var winW=window.screen.width -10;

&rq_year=<%=year(rs("rq"))%>&rq_month=<%=month(rs("rq"))%>','newwindow','scrollbars=yes,top=1,left=1,width='+winW+',height='+winH+'')">链接文字

6.JS验证


7.全选删除


">


8. text聚焦

9.限制只能输入(0~9,a~z)﹕


Untitled Document

    




  


======================================================================

限制输入框只能输入数字金额

1.  oncontextmenu="window.event.returnvalue=false"      将彻
底屏蔽鼠标右键
   

no

  可用于Table
2.                   取消
选取、防止复制
3.  onpaste="return false"                                  
     不准粘贴
4.  oncopy="return false;" oncut="return false;"            
     防止复制
5.  IE地址栏前
换成自己的图标
6.    可以在收藏夹中
显示出你的图标
7.                         
   关闭输入法
8.  永远都会带着框架

9.  防止被人frame

10.      网
页将不能被另存为
11.  onclick="window.location = 'view-source:'+
' ;">
12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>""
then
 response.write "您通过了代理服务器,"&
_
 "真实的IP为
"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
 end if
%>
13. 取得控件的绝对位置
//javascript

//VBScript

14. 游标是停在文本框文字的最后


15. 判断上一页的来源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">




本例适用于IE

解决内容把表格撑大的问题

td style="word-break:break-all">

打印分页﹕

表格撑大的问题
 
======================================================================
 
javascript表单提交限制 
 
 
 
作者:admin 文章来源:本站原创 点击数:2719 更新时间:2004-9-11
 


Untitled Document



 

姓名
   
 


 


   
 




======================================================================
网页上显示时间的最简单的Javascript代码



 
 
======================================================================
 
 
 
 
 
======================================================================
 
 
 
 
 
======================================================================
 
 
======================================================================
 
阅读(2677) | 评论(2) | 转发(0) |
给主人留下些什么吧!~~

chinaunix网友2009-01-10 12:40:30

范例:

chinaunix网友2009-01-09 16:26:24

总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别收藏 | 旧一篇: JAVA的内省(introspector)与反射(reflection) 今天在实现业务的时候,jsp页面总是自动提交。 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决。

下边对“防止表单自动提交,以及submit和button提交表单”进行了些总结,希望对大家有些用(如果有不当的地方请指出)。