ajax的一些实例

标叔

于 2010-06-27 14:18:00 发布

阅读量106

点赞数

分类专栏： ajax 文章标签： Ajax JavaScript HTML 互联网脚本 ViewUI

ajax 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

两种引用方法：

Code:

//1
<ScriptLanguage="JavaScript">
window.alert("欢迎使用脚本语言!");
</Script>
//2
<ScriptLanguage="JavaScript"src="init.js"></Script>

//========1。借助javaScript实现丰富的页面交互效果（采用滚动字幕<marquee>组件）。

Code:

<body>
<marqueeonmouseover="this.stop()"onmouseout="this.start()"scrollDelay=110>
<ahref=""target=_blank>
<fontcolor=#ff0000>热点新闻:Ajax成为互联网技术中的新宠</font>
</a></marquee><br>
</body>

//=========2.验证提交的内容。其中使用DOM来获取form中的数据。

Code:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>3-3.html</title>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8">
<ScriptLanguage="JavaScript">
functioncheckValid()
{
vartmp1,temp2,str1;
//获得text1的值
str1=document.myform.email.value;
//获取第一个@的位置
tmp1=str1.indexOf('@');
//获取最后一个@的位置
tmp2=str1.lastIndexOf('@');
if(str1.length==0)
//不合法，字符串为空串
window.alert("请输入内容后再提交");
elseif(tmp1<0)
//不合法，字符串中不包含@字符
window.alert("字符串中不包含@");
elseif(tmp1==0||tmp1==str1.length-1)
//不合法，@字符出现的位置不对
window.alert("@字符出现的位置不对");
elseif(tmp1!=tmp2)
//不合法，@字符出现了不止一个
window.alert("@字符出现了不止一个");
else
//合法的Email地址
alert("E-mail地址合法有效");
}
</Script>
</head>
<body>
<formname="myform">
请输入您的E-mail地址：<br>
<inputtype=textvalue=""name="email">
<p><inputtype=buttonvalue="提交"name="ok"onclick="checkValid()">
</form>
</body>
</html>

//---------3.列表框的事件驱动---------------------

Code:

效果:在列表框中选择不同的选项，在文本框中将显示该书作者的相应信息。

//4-------------------onload页面载入和onunload卸载时发生---------

Code:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>3-5.html</title>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8">
<ScriptLanguage="JavaScript">
functioninit()
{
alert("欢迎光临！");
}
functionfinish()
{
alert("下次再来！");
}
</Script>
</HEAD>
<BODYOnLoad="init()"OnUnLoad="finish()">
</BODY>
</html>

可以通过onload事件来与数据库交互。

//-------------------5 onfoucs事件和onblur事件焦点事件-------------------

Code:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>3-6.html</title>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8">
<scriptlanguage="JavaScript">
functionbegin()
{
usrId.value="";
}
functionend()
{
alert("请确认输入的信息，谢谢！");
}
</script>
</head>
<body>
<inputtype="text"value="请输入用户名"name="usrId"οnfοcus="begin()"οnblur="end()">
</body>
</html>

//效果：首先在文本框中显示预设内容，根据光标插入，预设内容消失！

======================javascript事件汇总===================

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。