当前位置:首页 » 网页前端 » js脚本和事件句柄
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

js脚本和事件句柄

发布时间: 2022-06-24 17:39:41

‘壹’ 请问,html中的onChange是什么意思有什么作用,谢谢

html中的onChange可以是javascript脚本的事件句柄,可以是jquery脚本的事件句柄,也可以是ajax的事件句柄。
onChange表示“当某个元素发生变化时”的意思,它的作用是引导接下来的程序行为。
例如:
<input type="radio" name="radio_1" onChange="javascript:alert('hello');">
解释:
上例表示,当名为radio_1的单选按钮发生变化(由未选变为选中状态或有选中状态变为未选)时,弹出带有hello的提示框。

‘贰’ javascript中的 事件句柄是什么

这里的句柄就是如何来触发此事件..

比如: 一个表单元素失去焦点. 那么这个事件的句柄就是onBlur();
在键盘上按了某个键 句柄就是onKeyPress
等等..

‘叁’ js键盘事件的使用

onkeydown = function(event){
if(event.keyCode == 13)
{
alert('你按了回车键');//不同的键有不同的值,你可以查找相关的键盘代码表
}
}

‘肆’ javascript中事件句柄是什么意思

这里的句柄就是如何来触发此事件..

比如: 一个表单元素失去焦点. 那么这个事件的句柄就是onBlur();
在键盘上按了某个键 句柄就是onKeyPress
等等..

参考资料: http://blog.iyi.cn/tech/javascript/evnt.htm

‘伍’ javascript中事件句柄是什么意思form和onsubmit ,submit onclick之间都是什么关系,

LZ有4个错误哦
1.原代码:str1.length()==0
这里在获取字符串长度时,用的length是属性不是方法,改为
str1.length == 0
2.FORM的onsubmit事件,全小写
3.在设置onsubmit事件时,直接赋了串字符串是不对的
应该是test.onsubmit=function(){return checkForm1()}
如果事件只是调用一个0参数的方法,也可以这样test.onsubmit=checkForm1
4.LZ的input本来是submit类型,不需要再去调用test.onsubmit()和test.submit()

//====修改后======
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
<title>Insert title here</title>
<script language=javascript>
function checkForm1()
{
var str1 = document.test.str1.value;
if(str1.length==0)
{
alert("请输入一个整数!");
return false;
}
return true;
}
function checkForm2()
{
var str1 = document.test.str1.value;
var int1 = parseInt(str1);
if(int1<10)
{
alert("请输入一个大于10的整数!");
return false;
}
return true;
}
</script>
</head>
<body>
<form name="test" method="post">
<input type="text" name="str1"></input><br>
<input type="submit" value="预览" onClick= "test.action = 'test.jsp'; test.onsubmit=function(){return checkForm1();};"><br>
<input type="submit" value="提交" onClick= "test.action = 'test.jsp'; test.onsubmit=function(){return checkForm2();};"><br>
</form>
<br>
<br>
<input type="text" name="str2" value="<%=request.getParameter("str1")%>"></input><br>
</body>
</html>

‘陆’ js脚本问题

<script type="text/javascript">
$(document).ready(function(){-------页面加载完毕
$("#btnAddType").click(function(){--------给页面元素 id=btnAddType的 添加一个click事件的侦听
CreateParent_IframeDialog("添加类型", "Manage/Question/QuestionTypeDetail.aspx", 640, 260);---打开一个dialog的页面长宽已经给出 连接按钮是 添加类型 页面是Manage/Question/QuestionTypeDetail.aspx
});
RepeaterListEvent("cb_Head","cb_Sub","QList"); ------在repeater控件上 添加cb_Head,cb_Sub,QList事件。这些事件是后台自己定义的;
});
</script>

‘柒’ JS脚本怎么运行

常见的执行js代码都是放入到HTML引入后,然后通过HTML文件来执行胡查看代码。显然这是比较麻烦的事情,如果电脑里面安装了node.js,可以使用node来直接使用node来运行想要运行的js文件。

<html>

<body>

<script language="javascript">

function Card(owner,rate)

{

this.Owner=owner;

this.Rate=rate;

}

var mycard = new Card("X","150");

document.write("name:"+mycard.Owner+"speed:"+mycard.Rate);

</script>

</body>

</html>

(7)js脚本和事件句柄扩展阅读:

JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

脚本简单地说就是一条条的文字命令,这些文字命令是我们可以看到的(如可以用记事本打开查看、编辑),脚本程序在执行时,是由系统的一个解释器,将其一条条的翻译成机器可识别的指令,并按程序顺序执行。因为脚本在执行时多了一道翻译的过程,所以它比二进制程序执行效率要稍低一些。

‘捌’ 在js中事件和事件属性各指的是什么二者有何区别

事件:

是js中特有的东西。js就是基于事件驱动的一门语言。


想一下js的实现,都(大多数)是通过用户与浏览器的交互,比如你点击某个控件,鼠标放上,ajax请求等等,你的这些操作其实都是触发了js中定义的具体的事件,你可以给具体的事件绑定处理事件的函数。


我们常用的事件有:click,mouseover,mouseout等等。


事件属性:


表示的是具体的事件的一些特性,这些属性是让你更好的去控制这个事件,比如点击事件有属性可以判断点击的位置,点击时候是不是按下了哪个键盘按键,点击是鼠标左键还是鼠标右键。


关于事件的一些知识,强烈建议你去看下《javascript权威指南》,里面对事件,事件属性,事件目标,事件触发等等各种含义都解释的相当到位,相信你看了一定有帮助。


同时很希望帮到你,看到下面专家的回答,我压力还是蛮大的,真心希望我的回答能解决你的问题。

‘玖’ JavaScript代码中var space10=" "怎么理解,引号中变量没被赋值吗

用单引号试试。
在网页中加入 JavaScript

要在你的网页中使用 JavaScript ,你首先必须要知道该将它放在哪儿。其实很简单,只要在你的网页(HTML文件)中插入 <SCRIPT> 和 </SCRIPT> 标记对,你就可以在这两个标记队之间插入你的 JavaScript 代码了:

<script>
alert("Hello world!");
</script>

另外,你也可以将 JavaScript 代码放在另一个单独的文件里,然后在网页(HTML文件)中使用 “SRC= 此单独文件的路径/地址(URL)”来使用此单独文件里的 JavaScript 程序代码。一般将这个单独的文件保存为扩展名为 .JS 的文件:

<script src="mycode.js"></script>

你可以在一个 HTML 文件中使用 <SCRIPT> </SCRIPT> 标记对任意多次。 虽然在通常情况下你都会将所有代码放在 HTML 文件的某一处,但有些时候为了保证你的JavaScript程序能够正确运行,你不得不将它们分散地放在 HTML 文件的多个地方。

不管你是在 HTML 文件中直接插入代码还是通过外部的单独的文件来使用 JavaScript ,通常都是将 <SCRIPT> </SCRIPT> 标记对放在 <HEAD> 和 </HEAD> 标记对之间。这样能够保证在你的网页被下载到客户端后开始执行 JavaScript 的时候你的 JavaScript 代码也已经被下载到客户端了。 这同时也是放置你的 JavaScript 函数的好地方,如果你想要某些代码在你的网页显示出来之后才执行的话,你最好将这些代码放在函数里,等网页显示以后再通过调用函数来执行它们,请看示例。

另外一些时候,你有可能需要将你的脚本代码放在 <BODY> 和 </BODY> 标记对之间。这样做没什么不对的,因为如果你想要通过 JavaScript 代码来生成网页中的 HTML 语句,你就非常需要这样做,请看示例。

JavaScript 脚本标记

<SCRIPT> 标记还可以通过“ LANGUAGE = JavaScript 的版本”语句来指定所要使用的 JavaScript 的版本, “=”号后边的值可以是:"JavaScript"、"JavaScript1.1" 或者 "JavaScript1.2"。大部分的浏览器都会自动识别它所支持的 JavaScript 的版本,而忽略它不支持的 JavaScript 。

你可以针对不同版本的浏览器使用不同的 JavaScript 脚本代码,下边的列表中列出了不同版本的 Netscape 浏览器所支持的不同版本的 JavaScript:

JavaScript - Netscape 2.0
JavaScript1.1 - Netscape 3.0
JavaScript1.2 - Netscape 4.0
所以对于 Netscape 2.0 浏览器,它将会忽略标记 <SCRIPT LANGUAGE="JavaScript1.2"> 中定义的 JavaScript1.2 版本的脚本代码,但是 Netscape 4.0 将会执行此版本的脚本代码(同时也可以执行前边两个版本的脚本代码)。 你还可以在同一个网页(HTML 文件)中通过 <SCRIPT LANGUAGE="......"> 标记使用不同版本的 JavaScript 代码:

<script language="JavaScript">
function f1() {

// 旧版本的 JavaScript 代码。
...
}
</script>
<script language="JavaScript1.2">
function f1() {

// JavaScript 1.2 版的代码。
...
}
</script>

在这个例子里,Netscape 2.0 浏览器将会执行第一个 <SCRIPT>....</SCRIPT> 标志对之间的函数 f1() 而忽略第二个 <SCRIPT>....</SCRIPT> 标志对之间的函数 f1() 。而对于Netscape 4.0 浏览器来说,它将会对两个 f1() 函数都进行处理,因为它支持这两个版本的 JavaScript,但是由于两个函数名字相同,浏览器会自动使用第二个函数 f1() 来覆盖掉第一个函数 f1(),因此执行的结果应该是第二个函数 f1() 的执行结果。

想要了解更多这方面的信息请参考:Netscape's JavaScript Reference.

JavaScript 语法基础

在你开始编写代码之前,你必须知道一些基本的 JavaScript 语法和结构。

JavaScript 语法与 C/C 、Java 的语法很相似,如果你想要了解非常详尽的语法,可以参考 Netscape's JavaScript Reference 或者 Microsoft's JScript Reference ,在那里你可以看到很多关于 JavaScript 语句、运算符、内建函数等等的内容列表,而我们这里只是讲一些在你开始学习 JavaScript 的时候需要掌握的一些基础语法知识!

【变量】

变量的声明使用关键字 var ,变量名可以是任意长度的字母、数字和下划线组成(“_”),同时变量名第一个字符不能是数字。注意:JavaScript 是对大小写敏感的,也就是说去分大小写,如变量 count 和变量 Count 是两个不同的变量!

在函数外边声明的变量是全局变量,在脚本代码或函数中的任何地方都可以对全局变量进行访问和使用。需要注意的是:在函数外边声明变量的时候,关键字 var 是可选的(即可用可不用,你可以直接给一个没有被声明的变量赋值), 但是如果你在一个函数中想要使用一个局部变量(即变量的有效使用范围只是在函数里边),而且这个变量与函数外边的一个全局变量具有相同的变量名,那么你就必须在函数里边通过 var 来重新声明这个变量,这个变量亦即是一个局部变量。

下边是一些例子:

var text;
var high_score;
var count3 = 1;
var ErrorMessage = "Connect to host failed."
var daysLeft = 5.7;
var 82much = true; // 这行代码是有语法错误的。

【字符串】

JavaScript 中使用使用但英文的单引号(')或双引号(")将字符串括起来。如果你想在字符串中使用引号的话,只要在引号前边加上“\”号即可,请看下边示例:

var text1 = "Hello world.";
var text2 = 'Hello again.';
var text3 = "Don't click here.";
var text4 = "I said "No""; // 这行代码是有语法错误的,因为双引号里边又有双引号.
var text5 = 'I said "No"'; // text5 为: I said "No".
var text6 = "I said \"No\""; // text6 为: I said "No".

【运算操作符和表达式】

JavaScript 大部分的运算符和表达式都和 C/C 、Java 是一样的,例如,下边的语句都是合法:

total = 4;
i ;
msg = "Error code " code; // 字符串合并

【语句】

JavaScript 大部分的语法也是和 C/C 、 Java 一样的,请看下边列表:

注释 - 使用'//' 来注释一个单行, '/*' 和 '*/' 可以注释多行;
循环 - for、do、while等等;
条件语句 - if....then....else;switch....case;
对象 - new、this、with 等等。
【函数】

使用 function 关键字来定义一个函数:

function name(arg1, arg2, ...) {
JavaScript statements...
}

函数名必须符合变量名的命名规则,调用函数的时候,使用函数名以及函数需要的参数即可:

var w = 5;
var h = 3;
setDimensions(w, h);

正如我们前边所讲的,函数最好是放在 <HEAD>.....</HEAD> 标记对之间,那样可以保证当任何语句调用函数的时候函数已经被下载到客户端了,这样才不会出错,否则可能会产生找不到函数之类的错误!

在函数中可以使用 return 语句返回一些值,例如:

function add(x, y) {
return x y;
}
...
var total = add(7, 10);

执行你的代码

当浏览器下载(Load)一个页面时,任何嵌在网页中的 JavaScript 代码将会在浏览器解释执行网页的时候执行。实际上,JavaScript 代码可能会在图片(images)、背景声音(background sound)或页面的剩余部分下在完成之前执行。

显然,这样可能会发生一些问题。在这个 在线示例 中,我们试图通过 document.linkColor 对象获得用于超文本链接(hypertext links)的颜色,第一次尝试的代码是在 <HEAD>....</HEAD> 标记对之间,第二次尝试是在 <BODY>....</BODY> 标志对之间,下边的是简化后的源代码:

<html>
<head>
<title></title>
<script>

// 获得页面超链接的颜色.

var lc1 = document.linkColor;

</script>
</head>
<body bgcolor="#ffffff" text="#000000" link="#ff0000">
<font face="Arial,Helvetica" size=3>

<script>

// 获得页面超链接的颜色.

var lc2 = document.linkColor;

// 显示出颜色的 RGB 十六进制值.

document.writeln('link color: ' lc1 '<br>');
document.writeln('link color: ' lc2);

</script>
</body>
</html>

此例运行的结果如下:

link color: #0000ff
link color: #ff0000

在第一次尝试中,超链接的颜色是浏览器默认的蓝色 #0000ff (或是其它颜色,这取决于你对浏览器的设置),然而超链接的颜色在 <BODY> 标记中却被修改/设置了(修改处:link="#ff0000"),改成了红色(#ff0000),在 <BODY> 被下载之前获得的颜色值 lc1 不是 #ff0000 而是浏览器的默认值 #0000ff;我们的第二次尝试是在 <BODY> 标记已经被下载完成的情况下获得超链接颜色的,所以获得的颜色是经过 <BODY> 修改/设置后的颜色 #ff0000 (即 lc2 的值)。

对于函数中的代码,只有调用这个函数的时候才会执行,但是你知道应该在什么时候调用函数吗?请看我们的下一个主题:事件。

事件

浏览器可以识别很多的事件,例如“页面下载(Load)完成”这一事件,“用户鼠标移动到超链接或按钮上”这一事件等等。这也就给你提供了一些方便,你可以通过捕捉事件来执行相应的 JavaScript 代码。

一种捕捉事件的方法是定义一个事件句柄,这是针对 HTML 标记对象而言的,不同的 HTML 标记对应不同的对象,不同的这些对象又对应不同的时间句柄 (可以参照下边的表格)。但是并不是所有的浏览器都支持所有相同的事件,我们这里所有例子中使用到的事件都是被 Netscape 和 IE 这两种浏览器所共同支持的。

【定义一个事件句柄】

定义一个事件句柄其实很简单,就是将 事件名称 和 事件触发是要执行的 JavaScript 代码 一同加到 HTML 的标记中去即可,例如:

<a href="page2.html" onClick="count ">下一页</a>

在这个例子中,用户每次点击一下“下一页”的超链接,就会触发 onclick 事件,然后在执行跟在 onclick 事件后的 JavaScript 代码:变量 count 增加 1 (count )。

你可以在事件句柄后边使用任何合法的 JavaScript 脚本代码,如果你想使用多条 JavaScript 语句,那么使用分号(;)将各条语句隔开, 对于调用函数也是一样的。但是有一点要提醒你:在事件句柄后边的字符串中加入 JavaScript 代码的时候一定要注意如何正确使用引号。

【图片的翻滚效果(Rollover)】

看一下这个 在线示例 ,这个例子演示了被人熟知的通过鼠标移动来改变图片(Image)的效果,即图片的翻滚(Rollover),注意:此例无法在 Internet Explorer 3.0 以及更早的版本中正确运行。

<IMG> 标记没有鼠标移动到其上边的事件句柄 onMouseOver,但是超链接标记 <A> 由这个事件句柄,所以我们在 <IMG> 标记两边分别加了标记 <A HREF=...> 和 </A>。

让我们看一下代码先。我们事先编写了一个函数 setImage() 用来改变图片,此函数需要两个参数,name 参数是要改变图片的 <IMG> 标记对象的名字,参数 source 是名字为 name 的 <IMG> 标记对象改变后(不是改变前的)的图片文件名,改变图片的关键在于改变图片对象 <IMG> 的 src 属性:

function setImage(name, source) {

document.images[name].src = source;
return true;
}

下边是对每一个超链接使用了三个事件句柄,一个是鼠标移动到超链接上边是的事件 onMouseOver,一个是鼠标从超链接上边移走的时候触发的事件 onMouseOut,最后一个事件是鼠标点击超链接时触发的 onClick,代码如下:

<a href="#"
onMouseOver="setImage('image1', 'button_on.gif')"
onMouseOut="setImage('image1', 'button_off.gif')"
onClick="return false;">
<img name="image1" border=0 src="button_off.gif"> <b>Item 1</b>
</a>

onMouseOver 和 onMouseOut 事件都调用了函数 setImage() ,同时传递了参数 name 的值 (这个值在 <IMG> 标记中通过 “NAME= 图片英文名字” 来定义给出) 以及参数source 的值,这个值是我们想要改变后显示的图片的文件名 (包括路径/URL),我们将在后边讲到对象的细节问题,在这里请集中注意力对付事件句柄的相关问题。

注意到 onClick 事件,触发后它只执行 return false 语句,用来告诉浏览器制止/忽略这个事件的默认动作,否则,浏览器将会执行超链接的默认动作,跟随超链接所指向的地址/URL,下载一个新的页面,而通过返回 false 值,我们可以告知浏览器不要这样做。当然,如果你想要让它转到另一个新的页面的话,你可以使用 return true 或者干脆就不要定义 onClick 事件(即删除上边语句中的 onClick 事件)。

【另一个实用的东东】

另一个实用的事件句柄是 onLoad 事件,它用于 <BODY> 标记中。在这里,为了说明这一个事件句柄,我们将以前的一个 在线示例 修改一下,将会得到同样的结果,请看下边代码:

<html>
<head>
<title></title>
</head>
<body bgcolor="#ffffff" link="#ff0000" onLoad="alert(document.linkColor);">
<font face="Arial,Helvetica" size=3>

An example of using the <b>onLoad</b> event. Use your browser's
RELOAD button to run the example again.

</font>
</body>
</html>

你可以试一下修改后的 在线示例 ,alert() 函数是 JavaScript 的一个内建函数(击JavaScript自带的函数),此函数的作用是显示一个消息框,消息框里的消息即是此函数的字符串参数,在这个例子里,消息框显示的是超链接颜色 document.linkColor 的 RGB 十六进制值,这个值是在 <BODY> 标记中定义的。

事件句柄列表

下边是 HTML 标记和对应的事件句柄的列表,列表中还附带说明了什么时候会触发相应的事件,如果想详细了解事件句柄,可以参阅 Netscape HTML Reference 和 Microsoft IE Events Reference 。

HTML标记 事件 当....时候触发此事件
<A> onClick 用户点击超链接
onMouseOver 鼠标移动到超链接上边
onMouseOut 鼠标离开超链接
<AREA> onMouseOver 鼠标移动到图片 map 区域上边
onMouseOut 鼠标离开图片 map 区域
<BODY> onBlur 包含这个页面的窗口 window 或 帧 frame 失去焦点的时候
onFocus 包含这个页面的窗口 window 或 帧 frame 获得焦点的时候
onLoad 这个页面下载完成的时候
onUnload 退出这个页面的时候
<FORM> onReset 按下 RESET (重置) 按钮的时候
onSubmit 按下 SUBMIT (提交) 按钮的时候
<IMG> onAbort 下载图片的过程被用户手动停止的时候
onLoad 图片下载完成的时候
onError 在客户端接收图片时有错误发生
<INPUT> with
TYPE="BUTTON"
或 "CHECKBOX"
或 "RADIO"
或 "RESET" onClick 鼠标点击时候
<INPUT> with
TYPE="TEXT"
或 <TEXTAREA> onBlur 获得焦点的时候
onChange 输入框/文本框中的文本被改变的时候
onFocus 获得焦点的时候
onSelect 输入框/文本框中的文本被选中 (高亮显示) 的时候
<INPUT> with
TYPE="SELECT" onBlur 失去焦点的时候
onChange 用户改变了下拉列表框中的选择
onClick 用户使用鼠标点击的时候
onFocus 获得焦点的时候

‘拾’ 什么是JS脚本

当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。
JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 1996 年开始,已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年,在 1997 年 7 月,ECMA 会员大会采纳了它的首个版本。
在1998 年,该标准成为了国际 ISO 标准 (ISO/IEC 16262)。这个标准仍然处于发展之中。
脚本script是使用一种特定的描述性语言,依据一定的格式编写的可执行文件,又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中,因为脚本不仅可以减小网页的规模和提高网页浏览速度,而且可以丰富网页的表现,如动画、声音等。举个最常见的例子,当我们点击网页上的E-mail地址时能自动调用Outlook Express或Foxmail这类邮件软件,就是通过脚本功能来实现的。也正因为脚本的这些特点,往往被一些别有用心的人所利用。例如在脚本中加入一些破坏计算机系统的命令,这样当用户浏览网页时,一旦调用这类脚本,便会使用户的系统受到攻击。所以用户应根据对所访问网页的信任程度选择安全等级,特别是对于那些本身内容就非法的网页,更不要轻易允许使用脚本。通过“安全设置”对话框,选择“脚本”选项下的各种设置就可以轻松实现对脚本的禁用和启用。
现在的脚本语言是比较多的,一般的脚本语言的执行只同具体的解释执行器有关,所以只要系统上有相应语言的解释程序就可以做到跨平台。脚本(Script),就是含有bind和alias等命令的集合,你可以把这个集合存为一个独立的文件然后在需要的时候执行,这样就可以方便你在CS中的使用。脚本可以存为后缀名为.cfg的文件放在cstrike文件夹下,执行时在控制台输入:exec(脚本文件名).cfg即可。比如将一个脚本存为 buys.cfg文件,则在控制台中输入:execbuys.cfg则可以实现我们所需要的功能。要实现一个命令只要把这一过程定义(alias)好,并且分配一个键位给这个命令,以后只要按分配好的键位,就可以实现这一过程。所有的脚本都是通过这一方法实现的。