javascript站,javascript官方网站

JS怎么实现站内搜索功能？

一：对文章关键字的搜索（数组的方法）：

!DOCTYPE html

html

head

meta charset="utf-8" /

title/title

style type="text/css"

#search{

height:40px;width: 200px;font-size: 30px;text-align: center;

}

#div {

font-size: 20px;width: 600px;

}

#div span{

color: red;

}

/style

/head

body 

input type="text" name="search" id="search" value="馋" onclick="this.value='' "/

input type="button" name="" id="bbtn" value="搜索" /

div id="div"

p馋，在英文里找不到一个十分适当的字。罗马暴君尼禄，以至于英国的亨利八世，在大宴群臣的时候，常见其撕下一根根又粗又壮的鸡腿，举起来大嚼，旁若无人，好一副饕餮相！但那不是馋。埃及废王法鲁克，据说每天早餐一口气吃二十个荷包蛋，也不是馋，只是放肆，只是没有吃相。对有某一种食物有所偏好，于是大量的吃，这是贪多无厌。馋，则着重在食物的质，最需要满足的是品味。上天生人，在他嘴里安放一条舌，舌上还有无数的味蕾，教人焉得不馋？馋，基于生理的要求；也可以发展成为近于艺术的趣味。 

也许我们中国人特别馋一些。馋字从食，有声。毚音谗，本义是狡兔，善于奔走，人为了口腹之欲，不惜多方奔走以膏馋吻，所谓“为了一张嘴，跑断两条腿”。/p

/div

script type="text/javascript"

       var bbtn=document.getElementById('bbtn');

       var search=document.getElementById('search');

       var text=document.getElementsByTagName('p')[0];

       var text1=text.innerHTML;

       var arr=[];

       var str=text1;

       bbtn.onclick=function(){

        str=text1

        arr=search.value;

      str=str.split(arr).join('span'+arr+'/span');

        text.innerHTML=str;

       }

       

/script

/body

/html

二：对li表单的搜索：

!DOCTYPE html

html

head

meta charset="UTF-8"

title/title

style type="text/css"

*{

padding: 0;margin: 0;

}

#content{

margin: 100px 300px;display: block;

}

input{

height: 50px;width: 400px;font-size: 30px;line-height: 50px;

}

ul{

      

}

li{

margin:10px 0px;display: block;

}

/style

/head

body

div id="content"

ul

input type="" name="" id="" value="" placeholder="请输入城市的名称或拼音"/

li pname="北京" cname="bj"北京/li

li pname="株洲" cname="zz"株洲/li

li pname="上海" cname="sh"上海/li

li pname="长沙" cname="cs"长沙/li

li pname="杭州" cname="hz"杭州/li

li pname="天津" cname="tj"天津/li

li pname="西安" cname="xa"西安/li

li pname="成都" cname="cd"成都/li

li pname="武汉" cname="wh"武汉/li

li pname="南京" cname="nj"南京/li

/ul

/div

        script type="text/javascript"

         var li=document.getElementsByTagName('li');

         var text=document.getElementsByTagName('input')[0];

         function search(){

         var arr=text.value;

         for(var i=0;ili.length;i++)

         {

         li[i].style.display="none";

         if(li[i].getAttribute('pname').indexOf(arr)!=-1||li[i].getAttribute('cname').indexOf(arr)!=-1)

         {

         li[i].style.display="block";

         }

         }

         }

        text.oninput=function(){

         search();

        }

  /script

/body

/html

相关问答

Q1: 怎么开启JavaScript ？

看你是什么浏览器了

1、IE浏览器开启关闭JavaScript方法：

在IE界面菜单栏中“工具”中选择“Internet选项”–“安全”选项卡–选择“Internet”（蓝色的小地球）–“自定义级别”–找到“脚本”下的“Java小程序脚本”中进行启用。如下图所示，设置完成后，重新打开浏览器设置即可生效。

2、360浏览器开启Ja关闭vaScript方法：

在360界面菜单栏的“工具”中选择“360安全浏览器选项”–“网页设置”选项–在网页设置选项中取消“不支持Java小程序”。如下图所示，设置完成后，重新打开浏览器设置即可生效。

3、腾讯TT浏览器开启关闭JavaScript方法：

打开TT浏览器，点击右上方的“菜单” - 选择“工具” - 选择“TT选项”，在打开的设置界面中选择“智能屏蔽”，在智能屏蔽设置页面中将“禁止运行Java程序”取消，点击保存，重新启动浏览器设置即可生效。

4、搜狗浏览器开启关闭JavaScript方法：

目前，搜狗开启JavaScript方法继承于IE浏览器，IE浏览器开启JavaScript方法

5、火狐浏览器开启Ja关闭vaScript方法：

打开火狐浏览器界面，在菜单栏中选择“工具”–“选项”–“内容”中可见到“启用JavaScript”的选项，重新启动浏览器即可。

6、Opera浏览器开启关闭JavaScript方法：

打开Opera浏览器，在菜单栏中选择“工具”–“首选项”–“高级”选项卡–“内容”中的“允许使用JavaScript”可以设置，重新启动浏览器即可。

7、Safari浏览器开启Ja关闭vaScript方法：

以Beta4英文版为准，在“Preferences”–“Security”选项卡中的“Enable JavaScript”，勾选上则是打开，反之是禁用，重新启动浏览器即可。

8、谷歌浏览器开启关闭JavaScript方法：

打开谷歌浏览器，点击右上方扳手样式的图片 - 选择“选项” - 选择“高级选项” - 选项“内容设置” - 选择“JavaScript” - 选择“运行所有网站运行JavaScript(推荐)”，设置完成重新打开浏览器即可。

9、世界之窗浏览器开启关闭JavaScript方法：

打开世界之窗浏览器，在上方菜单栏中点击“工具” - 选择“选项” - 在打开的设置页面选择“页面设置” - 页面内容中选择将“不执行Java小程序”取消，即可完成设置，重新启动浏览器即可。

10、Avant浏览器开启关闭JavaScript方法：

1、打开Avant浏览器，在菜单栏点击右上方选择“工具” - 将“禁止运行Java小程序”前对勾取消。

2、打开Avant浏览器，在菜单栏点击右上方选择“工具” - 选择“Avant Browser选项” - 选择“浏览选项” - 将“禁止运行Java小程序”前对勾取消即可完成设置，重新启动浏览器即可。

Q2: 启用javascript是什么意思

如果浏览器不支持JavaScript功能或该功能被禁止，访问许多网站（包括本站）的时候有些功能就无法使用。开启JavaScript功能以达到最佳的浏览效果。

javascript是一种一般在浏览器里执行的脚本，手机浏览器是支持它的，那么开不开就取决于浏览的页面是不是在使用这种脚本语言了。所以开了如果多了什么页面效果就说明浏览的页面支持该脚本语言。

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

[img]

Q3: 怎么打开JavaScript

一、IE浏览器开启JavaScript方法：

1、在IE界面菜单栏中“工具”中选择“Internet选项”。

2、“安全”选项卡中选择“Internet”（蓝色的小地球）。

3、进入“自定义级别”找到“脚本”下的“Java小程序脚本”中进行启用。

二、360浏览器开启JavaScript方法：

1、在360界面菜单栏的“工具”中选择“360安全浏览器选项”。

2、找到“网页设置”选项，在网页设置选项中取消“不支持Java小程序”。设置完成后，重新打开浏览器设置即可生效。

Q4: javascript到底可以干什么的？它的作用是什么？

js可以做的事情有很多，比如以下几点：

用JavaScript可以做很多事情，使网页更具交互性，给站点的用户提供更好,更令人兴奋的体验。

JavaScript使你可以创建活跃的用户界面，当用户在页面间导航时向他们反馈。

使用JavaScript来确保用户以表单形式输入有效的信息，这可以节省你的业务时间和开支。

使用JavaScript，根据用户的操作可以创建定制的HTML页面。

JavaScript还可以处理表单，设置cookie，即时构建HTML页面以及创建基于Web的应用程序。

实际上，JavaScript是一种客户端语言。（实际上，也存有服务器端实现的JavaScript版本）。也就是说，设计它的目的是在用户的机器上执行任务，而不是在服务器上。因此，JavaScript有一些固有的限制，这些限制主要出于如下安全原因：

JavaScript不允许读写客户机器上的文件。这是有好处的，因为你肯定不希望网页能够读取自己硬盘上的文件，或者能够将病毒写入硬盘，或者能够操作你的计算机上的文件。唯一例外是，JavaScript可以写到浏览器的cookie文件，但是也有一些限制。

JavaScript不允许写服务器机器上的文件。尽管写服务器上的文件在许多方面是很方便的（比如存储页面点击数或用户填写表单的数据），但是JavaScript不允许这么做。相反，需要用服务器上的一个程序处理和存储这些数据。这个程序可以是Perl或者PHP等语言编写的CGI运行在服务器上的程序或者Java程序

JavaScript不能关闭不是它自己打开的窗口。这是为了避免一个站点关闭其他任何站点的窗口，从而独占浏览器。

JavaScript不能从来自另一个服务器的已经打开的网页中读取信息。换句话说，网页不能读取已经打开的其它窗口中的信息，因此无法探查访问这个站点冲浪者还在访问其它哪些站点。