JavaScript实例教程(四)鼠标事件和浏览器的提示栏及IF语句的运

2016-02-19 14:40 6 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享JavaScript实例教程(四)鼠标事件和浏览器的提示栏及IF语句的运教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发 】

鼠标事件和浏览器的提示栏

大家不会忘记,在浏览一些网站的时候,浏览器的状态栏会出现一些欢迎的文字,有的还是动态的呈现出来,下面我们就要介绍有关的编程方法,请看这个例子:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

html
body
a href="http://www.heavenland.com" onMouseOver="window.status='你现在把鼠标放在链接上面了!!!'"请把鼠标放到这里来/aa href="http://www.5dmedia.com" onMouseOver="window.status='你现在把鼠标放在链接上面了!!!'"请把鼠标放到这里来/a
/body
/html

新建一个Html文件,运行,把鼠标移到上述链接后,就触发了onMouseOver事件,使得浏览器状态栏(window.status)的内容变成指定的文字了,如:

JavaScript实例教程(四)鼠标事件和浏览器的提示栏及IF语句的运用

F语句的运用

下面我们再来学习JavaScript中的比较核心的部分,条件判断语句,先看看源代码:

html
head
script language="JavaScript"
var java = prompt("你喜欢JAVASCIRPT吗?","输入“Y”或者“N”");
if (java== "Y"){
alert("欢迎你,来吧,我们继续学习吧!");}
else if(java="N"){
alert("它很有趣的,不学多可惜,唉 :(");}
/script
/head
body
/body
/html

新建一个Html文件,运行,就会出现以下提示:

如果你选择“Y”,则会出现:

JavaScript实例教程(四)鼠标事件和浏览器的提示栏及IF语句的运用

如果你选择“N”,或是直接回车,则会出现:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

JavaScript实例教程(四)鼠标事件和浏览器的提示栏及IF语句的运用

来源:http://www.tulaoshi.com/n/20160219/1607519.html

延伸阅读
  你可能对于一些其它的编程语言很熟悉,比如C++或者Java等等,它们也是可以创建对象的,现在最新的VB版本VB.NET也具有了更好的面向对象功能-----创建对象。从本质上讲,创建对象的想法只是为了创建一个简单的实体,这个实体包含了许多属性和方法。以下是一个对象构造器的例子: function Person(name, age, colour) { this.name = name...
标签: Web开发
上一篇学习了:Javascript初学者实例教程(10):图像属性 实例十一 本实例主要介绍了鼠标动作的使用,这个例子太简单了,可以多找点别点资料看看! html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" title改变文字样式/title style type="text/css" .red{ color:red; font-st...
标签: Web开发
利用javascript产生鼠标移过时报警 为了产生鼠标移过时报警,首先你可以在网页的最前面添加一下JavaScirpt语句: script language="JavaScript" ---hide from non-JavaScript browsers function alertdave(){ window.alert("这是太平洋电脑网"); } // end hide /script 为了调用这个alterdave()你可以编写以下语句: a href="...
标签: Web开发
    你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。     几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的“四大才子”就得改称...
标签: Web开发
本例实现的效果是状态栏的文字由右向左,风一样的飘过来,当都飘到右边的时候,不停的循环前一次的效果,给人耳目一新的感觉呢。 下面是源代码: SCRIPT LANGUAGE="JavaScript" timeID = 5; stcnt = 11; msg = "欢迎光临5D多媒体"; //你希望状态栏出现的文字,可以自由改动哟! wmsg = new Array(33); wmsg[0] = msg; blnk = " "; for (i = ...

经验教程

13

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部