JavaScript初级教程第二课
发布时间：2023-02-16 12:46:41 所属栏目：Java 来源：互联网
导读：上一讲我们学了JavaScript出现在何处，看起来象什么。现在我们开始学习这种语言。本课我们将学习JavaScript如何存储信息，如何根据信息作决定，如何根据用户交互要求交替图片 这里是一个使用变量的JavaScript例子。 在本例中我们一步一步浏览源码 你将看到:
|
也请注意在href=""的引号中没有东西，这表明虽然有链结，但当你点击时那儿也去不了。 下一行是： <a href="#" onMouseOver="alert('Hee hee!');">Mouse over me!</a> 这就象第一行，只是用onMouseOver代替onClick。 现在我们学完了链结事件，请进入奇妙的图片交替！ JavaScripts的一个主要应用是其具有使你移动鼠标时图片自动切换功能。 这里是一个快捷的基本的图片交换例子。 <img src="button_r.gif" name="the_image"> <a href="#" onMouseOver="document.the_image.src='button_d.gif';">change</a> 让我们一步布的剖析这个例子， 第一行是： <img src="button_r.gif" name="the_image"> 这就象一个标准的 <img src= > 标签，只是它被给了一个名字：the_image， 名字是任意取的：my_image, a_box......但不许有任何空格在里面。 下一行是： <a href="#" onMouseOver="document.the_image.src='button_d.gif';">change</a> 这是图片交换发生的地方。就象你以前见到的onMouseOver。 出现在onMouseOver的引号中JavaScript主要之处是： document.the_image.src='button_d.gif'; 该句是说：“找到叫'the_image'的图片并将其src 变为button_d.gif." 注意整个语句使用双引号，而'button_d.gif' 使用单引号。尽管二者可互换，但注意如果一组引号存在于另一组引号之中，别搞混了。你可写成" 'something' "或' "something" ' ，但不可写成：" 'something" ' 或 ""something" ".明白了吗？ 正如我没告诉你许多document.writeln() 工作细节一样，本例我也没有告诉图片交换的工作原理。你将在下一讲关于“目标导向编程”及“文件目标模块”中详述。 请注意！要交换的图片须和原图片尺寸一样！否则，它变形。 下面是两段代码。(注:感兴趣的话看看，这里没有讲解，可以跳过) <script language="JavaScript"> <!-- hide me var temp = ""; var image1 = 'netteach.gif'; var image2 = 'phtshop1.gif'; var image3 = 'newhome.gif' var user_name = prompt("What's your name", ""); if (user_name == "") { user_name = "stranger"; } document.write(user_name); // end hide --> </script> <a href="#" onMouseOver="temp=image1; image1=image2; image2=image3; image3=temp; document.the_image.src=image1;" onClick="document.the_image.src=image3;"><img src="newhome.gif" tppabs="newhome.gif" name="the_image" border="0" width="145" height="47"></a> 现在来复习一下今天所学到的。 变量 变量值可为数字或字符串。命名变量时它有一些限制和规律需记住。 语句 语句以半圆括号结束。 字符串 字符串是引号标记中的做法序列，引号可是单引号，也可是双引号。可用字符串作许多奇妙之事。你可用”＋“来连接两个字符串。 document.writeln() 可用document.writeln() 来写文本和网页中的HTML。 prompt 你可用prompt来得到用户的输入反馈。 if--else 可用if--else子句使你的JavaScript依不同的用户反应给予不同的表现。 链接事件 在一个href中的onClick和onMouseOver可基于用户反应运行JavaScript。 图片变换 图片命名后，可用JavaScript改变所显示的图片。 如果你感到你已经全部掌握了上面我们所讲的，那么祝贺你！ 还有许多东西要学。下一次，我们要切入JavaScript的心脏: 文档对象模型，我们也将学到如何打开并操作窗口和frames , 并开始建造我们自己的新的浏览器。 （编辑：十堰站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
