Javascript实例教程(3) 探测浏览器插件

2016-02-19 13:15 4 1 收藏

下面是个简单易学的Javascript实例教程(3) 探测浏览器插件教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

利用javascript可以探测在网络浏览器中的插件程序,但是值得指出的是否,它只在Netscape Navigator有效。下面的代码显示了怎样探测audio/midi类型插件程序:

SCRIPT LANGUAGE="JavaScript"!--


var can_play = false;




var mimetype = 'audio/midi';




if (navigator.mimeTypes) {


if (navigator.mimeTypes[mimetype] != null) {


if (navigator.mimeTypes[mimetype]


.enabledPlugin != null) {


can_play = true;


document.write('EMBED SRC="sound.mid"


HIDDEN=TRUE LOOP=FALSE AUTOSTART=FALSE');


}


}


}




function playSound() {


if (document.embeds && can_play) {


if (navigator.appName == 'Netscape')


document.embeds[0].play();


else


document.embeds[0].run();


}


}




function stopSound() {


if (document.embeds && can_play)


document.embeds[0].stop();


}


//--/SCRIPT




那在网页上如何调用呢?以下是具体代码:


A HREF="#" onMouseOut=


"stopSound()"IMG SRC="/images/NullPic.gif" WIDTH="100"


HEIGHT="100" BORDER="0"/A

你可能对于一些其它的编程语言很熟悉,比如C++或者Java等等,它们也是可以创建对象的,现在最新的VB版本VB.NET也具有了更好的面向对象功能-----创建对象。从本质上讲,创建对象的想法只是为了创建一个简单的实体,这个实体包含了许多属性和方法。以下是一个对象构造器的例子:

function Person(name, age, colour) {


 

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

this.name = name;


 

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

this.age = age;


 

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

this.colour = colour;


 

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

}


 

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

然后,我们可以这样来调用Person构造器:


 

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

var somebody = new Person("Patrick", 22, "red");


 

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

或者从用户那里得到输入数值:


 

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

var pName = prompt("What is your name?");


 

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

var pAge = prompt("How old are you this year?");


 

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

var pColour = prompt("What is your favourite colour?");


 

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

var somebody = new Person(pName, pAge, pColour);


 

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

所有在JavaScript中得构造器,就象在Java中,都可以利用new关键字来进行调用。当一个person利用它的属性{"Patrick",
22, "red"}被创建(或者说被构造)的时候,这些数值就可以访问了,比如 :



somebody.name, or


somebody["name"]


"Patrick"


somebody.age, or


somebody["age"]


22


somebody.colour, or


somebody["colour"]


"red"


因为我们利用name增加了Person的属性,所以它们必须通过name来被引用,这点在后面的代码中可以看到。如果我们使用数字,那么我们就必须使用数字来引用,比如要用somebody[0],而不用somebody.name。Javascript的数组和对象(比如
forms,images,frames,…)都允许这两种方法。


 

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

另外地,数组和对象都有一个本质的属性,即length(长度)。我们在编制程序的时候,可以这样来使用它:objectName.length,它返回对象包含的元素或者属性的个数。

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

延伸阅读
标签: Web开发
鼠标事件和浏览器的提示栏 大家不会忘记,在浏览一些网站的时候,浏览器的状态栏会出现一些欢迎的文字,有的还是动态的呈现出来,下面我们就要介绍有关的编程方法,请看这个例子: html body a href="http://www.heavenland.com" onMouseOver="window.status='你现在把鼠标放在链接上面了!!!'"请把鼠标放到这里来/aa href="http:/...
标签: 浏览器
谷歌浏览器插件推荐 我经常看到一些人,看个32秒的视频要等60秒的广告而痛苦不堪,下面我就以谷歌浏览器为代表介绍一些好的插件,为我们带来便利。火狐浏览器的插件也十分多,其他浏览器我就不清楚了,用IE6的我只能说你很有勇气。 首先,你要去下载一个谷歌浏览器。然后打开里面的谷歌网上应用店搜索一下插件 第一个:Adblock ...
标签: 软件教程
谷歌浏览器以它超强的拓展性而被人们所喜爱,这里小编就告诉大家谷歌浏览器其中的一个比较实用的插件。下面为大家介绍分享一篇谷歌浏览器鼠标手势操作教程的文章
标签: 软件教程
谷歌浏览器是一款由谷歌公司开发的浏览器。谷歌浏览器是一款基于其他开源软件所撰写的。下面小编为大家分享一篇谷歌浏览器调试javascript的教程,希望帮助大家 首先我们打开开发者工具,你可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式: Ctrl+Shift+I (或者Ct...
标签: Web开发
使用javascript数组 在JavaScript 1.0中构造器只存在Date对象和用户定义的对象。你可能期望有个数组构造器,但是一直没能实现,直到JavaScript 1.1的出现,你的期望成为了现实。我们可以如下来定义用户对象: function blankArray(n) { for (var i=0; i n; i++) this[i] = null; this.length = n; } blankArray函数创建了一个数组,这个...

经验教程

825

收藏

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