javascript是在客户端运行的,其实不然。javascript有两种不同的运行环境,
一个是在服务器端的javascript,另一个就是客户端的javascript了。还有就是javascript也是面向对象
的语言。
是javascript的数据类型,主要有以下几个基本的类型。
字符串(string)
数字(number)
布尔值(boolean)
alert()方法的使用:
<script language="javascript">
alert("在页面上显示警告对话框");
</script>
alert()是javascript产生一个带确认按钮的对话框,上面显示括号内的信息。
confirm()方法的使用:
<script language="javascript">
confirm("在页面上显示确认对话框");
</script>
confirm()和alert()差不多,不同的就是多了个取消按钮。按确定返回true,按取消返回false。
<script language="javascript">
var con;
con=confirm("你们喜欢这样的教程吗?");
if (con==true) alert("喜欢");
else alert("不喜欢");
</script>
prompt()方法的使用:
<script language="javascript">
var name,age;
name=prompt("请问您的名字?");
alert(name);
age=prompt("多大?");
alert(age);
</script>
它不但可以显示信息,而且可以输入信息。
类型转换:javascript允许在程序中改变变量的类型,最常见的两个类型转换符Number和String。
Number(x)是字符型值——〉数字值型。String与之相反。相对于javascript的自动类型转换,可以将这种转换成为强制类型转换
变量的命名:
1.必须以字母或下划线开头,中间可以有字母数字和或下划线。不能使用空格、+、-等其他符号。
作为连字符外,变量名称不能有空格、(+)、(-)、(,)或其它符号。
2.不能使用JavaScript中的关键字作为变量。
(javascript变量名是区分大小写的,name和Name是不一样的。)
将字符串转换为数值:
javascript语言提供两个内置函数将表示数值的字符串转换为真实的数值:parseInt()和parseFloat()。
为了使用这些函数,需要将进行转换的字符串作为参数传入函数,例:
parseInt("42") //result=42
parseInt("42.33") //result=42
不过是浮点数还是整数,函数返回的值都是整数。不存在四舍五入,小数点和它后面的数字将被舍弃。
而parseFloat()则返回浮点数(如果是整数就返回整数),例:
parseFloat("42") //result=42
parseFloat("42.33") //result=42.33
将数值转换为字符串:
虽然当遇到表达式中含有混合数据类型时,js会倾向于字符串。但为了防止潜在的问题发生,最好先转换以下。在数值中加入空字符串就可以
把数值转换为字符串了:
(""+2500) //result="2500"
(""+2500).length //result=4
for...in:
这个语句完全依照变量var所设定的值决定运行次数。你可以用for...in语句在一个对象或一个数组上建立循环
for(var in [obj | array])
{
statements
}
例:
<script language="javascript">
document.writeln("The properties of the document object")
for(var element in document){
document.writein(element+"="+document[element])
}
</script>
是所有的动作都是有函数来控制的
,而控制语句是基础中的基础。希望大家能耐心的学下去。今天的课程就轻松一下,学习点能见到效果的。
主要内容就是基于鼠标的事件,有如下几种:
1.mouseover(鼠标移至)
2.mouseout(鼠标移出)
3.mousemove(鼠标移动)
4.mousedown(鼠标按下)
5.mouseup(鼠标弹起)
6.click(单击)
7.dblclick(双击)
如果在onClick事件处理中使用return语句,它可以接收任何数值。只要这个值不是False,浏览器就可以完成提交。但如果浏览
器得到的是False值,表单提交操作就会被取消。)
函数是有function加函数名和一对带有参数括号,以及大括号组成的,其中大括号里是
主体javascript语句.
交互性!多数网站声称交互性即当你点击一个链接时到达一个
新的页面,但严格道来甚至当网页中具有CGI语言时也并不意味
它真正具有交互性。填好表格,按提交钮,等待......这就像往海
中扔一个瓶子等候它自己飘回来一样。
幸运的是,现在我们有了Javascript, 于是网页可真正如你希
望的那样交互作用。当鼠标移动到哪里,图片交换,表格元素
在传递过程中即相互影响,无须等待CGI回复结果计算即可进
行。没有任何提交 - 等待过程 - 任何事只是在你使用它时
发生。
空格和
空行是可被JavaScript编译器忽略的,他们仅是为人们读
起来方便,该例可被写成长长的一行,但即使加上注释,
看起来也会极其吃力。
JavaScript通常出现在 </title>标签及</head>标签间。
JavaScript以<script language="JavaScript">开始。
注释!注释!!注释!!!这是一个好的编程习惯,它使其他
人可以读懂你的语言,他可是你的朋友,你的同事,或是三个
月前的你。要使三个月前的你仍读懂你的语言,请在大段文本
前在/* */间加注释,就象这样:
/* this is
a huge block
of text that I've
commented out */
alert("better, stronger, faster") - 唤起一简单的对
话框,其中出现"better, stronger,faster" 字样。
JavaScripts 以 </script> 标签结束。
2
隐藏JavaScript
在上一个例子中我们碰到一个问题即有些旧的浏览器不理
解<script>标签。这些浏览器将象对付HTML一样对待你
的JavaScript,
在HTML注释中有一个解决之法:
<html>
<head>
<title> blah blah blah </title>
<script language="JavaScript">
<!-- hide this stuff from other browsers
这里写入你的语言
// end the hiding comment -->
</script>
</head>
<body>
如果你学过代数,你一定见过变量。如果没学过也不要紧。变
量是JavaScript存储信息的简单方式。例如,当你写:
"x=2," "x"是一个变量,它存储值为2。如果而后你又说"y=x+3,"
"y"将具有值“5”
用document.writeln("blah!")在网页中写HTML
引号中的字符显现出来;引号外的字符被认为是变量。
引号间的字符都称为字符串,无论单双引号
var monkey = prompt("What's the monkey's name?", "");
documnet.writlen(mokey);
该行介绍了一个字符串操作器:累加标记。当两个字符串间出
现累加标记时,则这两个变量出现在同一字符串中,这称为
“连锁”。
下面一段显示更多的使用字符串的诀窍。其工作原理是相同
的,我们只看三行:
var italic_hippy = hippy_monkey.italics();
var shouting_hippy= hippy_monkey.toUpperCase();
var red_bold_tech = bold_tech.fontcolor('red');
第一行是说:“使该字符串包含变量以斜体显示”,这实际上
即是:
var italic_hippy = "<i>" + hippy_monkey + "</i>";
但看起来要好的多!今后在JavaScript写document.writeln
(italic_hippy)时,你得到的是斜体显示的字符。
下一行讲述的技巧是在HTML中实现不了的,它使得hippy_monkey
中所有字符以大写显示
第三行显示改变字符串属性的例子。。所有的字符具有颜色,
你可用string.fontcolor('new color');命令改变其颜色。也
可这样作:
var red_bold_tech = "<font color='red'>" + bold_tech + "</font>";
但它阅读起来不如这样容易:
var red_bold_tech = bold_tech.fontcolor('red');
第六页:if-then子句
"if-then"子句的应用可以使得程序根据用户输入的值作出不同
的反应。例如你可以写一段程序使得它对你与对其他人反应
不同。这里是它的基本格式:
if (some condition is true){ do something; do something; do something; }
本结构的重要部分:
以单词 "if"开始 (if 必须小写).
圆括弧中是条件:非真即伪。
如果条件为真的话执行花括弧中的语句。
记住:空格是唯一保持程序可读性的东西。当然你可以将整
个if-then语句写在一行中,但它读起来就费劲了
链结事件
一旦用户点击一个链结,或将鼠标移到其上,JavaScript发送
一个链结事件。一种链结事件叫做onClick, 当用户点击它时才
发送。另一种叫onMouseOver,用户将鼠标移到上面时即发送。
你可用这些事件来影响用户所见。这里是一个如何使用链结事
件的例子,试一试,再瞧瞧源码,然后我们来一行一行的复习。
第一个有趣的事情是没有<script> 标签。这是因为出现在
onClick 和 onMouseOver引号中的任何事度是可为JavaScripts
编译的。事实上句末前的半括号内允许你将JavaScripts写成
一行,你可将整个JavaScripts程序放在一个onClick的引号
内,但看上去会很难看。
请看第一行:
<a href="#" onClick="alert('Ooo, do it again!');">Click on me!</a>
这就象一个正式的定位标签,但它具有神奇的onClick=""这即
说“当某人点击该链结时运行该引号中的JavaScripts”注意
在alert后有一有一中止性的半括号。
也请注意在href=""的引号中没有东西,这表明虽然有链结,但
当你点击时那儿也去不了。
下一行是:
<a href="#" onMouseOver="alert('Hee hee!');">Mouse over me!</a>
这就象第一行,只是用onMouseOver代替onClick。
Javascript中的窗口操作
在HTML中打开窗口应用极为普遍,但也有一些缺陷;用户浏览
器决定窗口看起来是什么样的,你左右不了其窗口的大小及
式样。幸运的是,JavaScript给了你这种控制权。
看一看其原由:
window.open("URL","name","features");
本语句以你调用时采用的第一个参数URL来打开一个窗口。这里
是以URL,实际中可写成
"http: //www.hotwired.com/webmonkey/" 或其他类似的东西。
第二个参数是窗口的名字。这就象上页中我们看到的名字,如
果你打开窗口时已有一个同名窗口打开,那么URL将把open语句
送到原先已打开的窗口。
第三�
没有合适的资源?快使用搜索试试~ 我知道了~
javascript教程
共217个文件
js:62个
gif:62个
axd:24个
需积分: 10 3 下载量 72 浏览量
2008-08-29
14:22:43
上传
评论
收藏 593KB RAR 举报
温馨提示
我们将开始五天教程的第一个三部曲,它将立即帮你写 一些有用的Javascript. 不象其他似是而非的Javascript教 程,本教程将教你怎样建造你梦中的浏览器。当你走过本教程 所有的例子,你建造的浏览器将越来越精彩。 这里是你每天学习的简要大纲,及将要学习的一些例子。 第一天:介绍,一些例子,及你的第一个Javascript(例子) 第二天:变量,if-then语段,链接事件,图片交换。 第三天:窗口,架构,及文件目标模块 第四天:循环,序列及功能 第五天:表格,表格及更多的表格。 开始之前,有些重要的事情首先要注意: 首先,Javasript并非Java。 第二,Javascript也不是Javascript!这是指不同的浏览器处 理Javascript的方式不同。有时同一浏览器的不同版本处 理Javascript的方式也不同。本教程以网景导航者3.0作为标 准。若有不兼容其他浏览器之处我们会指出。若无网景3.0,请 立即下载。 第三,本教程并非好的参考书的替代物。Javascript资源丰 富,好!不罗嗦了,让我们开始写一些Javascript。
资源推荐
资源详情
资源评论
收起资源包目录
javascript教程 (217个子文件)
urltag.aspx 1KB
urltag.aspx 967B
urltag.aspx 805B
urltag.aspx 805B
urltag.aspx 717B
urltag.aspx 645B
urltag.aspx 545B
urltag.aspx 477B
ScriptResource.axd 82KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
WebResource.axd 31KB
ScriptResource(1).axd 29KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource(1).axd 21KB
WebResource.axd 20KB
style.css 10KB
style.css 6KB
style.css 6KB
style.css 6KB
style.css 6KB
style.css 6KB
style.css 6KB
style.css 6KB
style.css 6KB
style.css 6KB
style.css 6KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
tabber.css 1KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
PoweredByAsp.Net.gif 3KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
100x30_Logo.gif 2KB
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
feedsky.gif 551B
xml(1).gif 404B
xml.gif 404B
xml.gif 130B
xml.gif 130B
xml.gif 130B
xml.gif 130B
xml.gif 130B
xml.gif 130B
xml.gif 130B
xml.gif 130B
xml.gif 130B
xml.gif 130B
authorship.gif 97B
authorship.gif 97B
authorship.gif 97B
authorship.gif 97B
authorship.gif 97B
共 217 条
- 1
- 2
- 3
资源评论
lamons85
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功