您的位置:

js搜索代码(js搜索框代码)

js搜索代码(js搜索框代码)

更新:

本文目录一览:

js搜索框代码

    /* 问题不够明确 */

    input class="ipt_search" type="search" placeholder="请输入搜索内容"/

    script

        /* 搜索input */

        var searchIpt = document.getElementsByClassName('ipt_search')[0];

        /* 搜索内容 */

        var searchValue = searchIpt.value;

    /script

JavaScript静态搜索

代码:

1 form.htm

起始页面,页面里有查询框。

script language="javascript"

function gosearch(){

if (str.value==""){ alert ("请输入查找的内容!"); return false; }

window.location="query.htm?"+str.value;

}

function getkey(){

if(window.event.keyCode == 13) gosearch();

}

/script

input name="str" type="text" id="str" /

input type="button" name="Button" value="查找" onclick="gosearch()" /

script

str.focus();

document.onkeydown=getkey;

/script

2 query.htm

搜索页面,接收上个页面 传来的参数。

script language="javascript"

var titlearray = new Array(); //关键字数组

var urlarray = new Array(); //超级链接数组

var fitarray = new Array(); //符合要求的数组

/script

script type="text/javascript" src="title.js"/script//加载关键字

script type="text/javascript" src="url.js"/script//加载超级链接

script language="javascript"

var args = window.location.href.split("?");//用问号为间隔,各个参数写入数组args

var target = args[1]; //要找的字符串

for (var i=0; ititlearray.length; i++){

if (titlearray[i].indexOf(target)!=-1){

fitarray.push(i);//将要找的结果写入数组。也可以不用数组,直接显示。

}

}

var resultstr = "";

if (fitarray.length ==0 ){

resultstr += "抱歉,没有找到资料。";

}

for (j in fitarray){

resultstr += "a href=\""+ urlarray [fitarray[j]] +"\" target=\"_blank\""+ titlearray[fitarray[j]]+"

";//结果内容赋值给了resultstr

}

/script

div id="result"/div

script language="javascript"

document.getElementById("result").innerHTML += resultstr;//显示结果内容

/script

3 title.js 关键字文件

titlearray [0] = "keyword1";

titlearray [1] = "keyword2";

titlearray [2] = "keyword3";

url.js 超级链接文件

urlarray [0] = "1.htm";

urlarray [1] = "2.htm";

urlarray [2] = "3.htm";

这两个文件需要下标对应,不能错位。

JS如何查找源代码

html

head

meta http-equiv="Content-type" content="text/html; charset=utf-8"

title远程网页源代码读取/title

style type="text/css"

/* 页面字体样式 */

body, td, input, textarea {

font-family:Arial;

font-size:12px;

}

/style

script type="text/javascript"

//用于创建XMLHttpRequest对象

function createXmlHttp() {

//根据window.XMLHttpRequest对象是否存在使用不同的创建方式

if (window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式

} else {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式

}

}

//直接通过XMLHttpRequest对象获取远程网页源代码

function getSource() {

var url = document.getElementById("url").value; //获取目标地址信息

//地址为空时提示用户输入

if (url == "") {

alert("请输入网页地址。");

return;

}

document.getElementById("source").value = "正在加载……"; //提示正在加载

createXmlHttp(); //创建XMLHttpRequest对象

xmlHttp.onreadystatechange = writeSource; //设置回调函数

xmlHttp.open("GET", url, true);

xmlHttp.send(null);

}

//将远程网页源代码写入页面文字区域

function writeSource() {

if (xmlHttp.readyState == 4) {

document.getElementById("source").value = xmlHttp.responseText;

}

}

/script

/head

body

h1远程网页源代码读取/h1

div

地址:input type="text" id="url"

input type="button" onclick="getSource()" value="获取源码"

/div

textarea rows="10" cols="80" id="source"/textarea

/body

/html

我也是别人那抄的 你试试吧 好的话给我个最佳

用JS将搜索的关键字高亮显示实现代码

用JS让文章内容指定的关键字加亮

是这样的..

现在有这些关键字:美容,生活,购物

当在文章里头出现这些关键字,就把它加亮显示..

文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...

不知道怎样来实现这样的功能啊?特此求助

复制代码

代码如下:

script

language="JavaScript"

function

highlight(key)

{

var

key

=

key.split('|');

for

(var

i=0;

ikey.length;

i++)

{

var

rng

=

document.body.createTextRange();

while

(rng.findText(key[i]))

//rng.pasteHTML(rng.text.fontcolor('red'));

rng.pasteHTML('div

style="border:1

solid

red;display:inline"a

href="#"

title="+

rng.text

+"'

+

rng.text

+

'/a/div');

}

}

highlight('文章|关键|功能')

/script

求一段JS代码,要求搜索当前页面,如果发现当前页面中有设定的字符,就给出提示

html

script

  function searchWords() {

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

    if (words != '') {

      var innerHTML = document.body.innerHTML;

      if (innerHTML.indexOf(words) != -1) {

        alert('找到了');

        if (words == '123') {

          alert('123不作操作');

        } else if (words == '456') {

          alert('456跳转页面');

          window.location.href = '';

        } else if (words == '567') {

          alert('567替换内容');

          document.body.innerHTML = innerHTML.replace(new RegExp(/(567)/g),'789');

        }

      }

    }

  }

/script

body

div123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ/div

divinput id='search' type='text' placeholder='请输入查询字符' /button onclick='searchWords();'查询/button/div

/body

/html

如何查看网页的JS代码

浏览器查看。

用Chrome、火狐等(其它浏览器操作类同),打开浏览器后,按F12。或者打开开发者工具,可以查看相应的html、css、js等内容。

效果图如下(查看源码)

js搜索代码(js搜索框代码)

本文目录一览: 1、js搜索框代码 2、JavaScript静态搜索 3、JS如何查找源代码 4、用JS将搜索的关键字高亮显示实现代码 5、求一段JS代码,要求搜索当前页面,如果发现当前页面中有设定的

2023-12-08
网页内容搜索js代码例子,js搜索框代码

本文目录一览: 1、静态网页如何用js实现查找功能? 2、如何查找网页元素对应的JS代码(如图) 3、js搜索框代码 静态网页如何用js实现查找功能? !DOCTYPE HTML PUBLIC "-/

2023-12-08
划词搜索代码js好用版下载(js搜索关键字代码)

本文目录一览: 1、静态网页中如何用js实现搜索功能? 2、求做一个在本网站站内搜索的JS代码,莫乱复制过来。 3、js搜索框代码 4、js如何实现划词搜索分享代码 5、搜索引擎代码 静态网页中如何用

2023-12-08
js搜索提示php(搜索框js)

2022-11-14
怎么搜索js代码,怎么搜索js代码数据

本文目录一览: 1、如何在“查看页面源代码”中找到产生数据的js代码 2、如何查找网站的js代码 3、如何查找网页元素对应的JS代码(如图) 4、怎样知道网页的JavaScript代码 如何在“查看页

2023-12-08
淘宝分类js代码(淘宝搜索代码)

本文目录一览: 1、这种淘宝宝贝分类的css代码怎么做, 2、淘宝联盟搜索推广JS代码怎么放到网站上 3、在淘宝充值平台上面看他们网页原本看到这段JS代码谁可以为我解释下... 4、求助JS代码怎么转

2023-12-08
js模糊搜索代码是什么

2022-11-22
用php编写搜索栏,php搜索框代码

2023-01-08
js以图搜图代码(js 画图 库)

本文目录一览: 1、JS获取某DIV区域内图片或带ID属性的IMG图片代码 2、我想把一个图片代码写到js了里面,然后调用这个js,就可以直接显示图片在网页上,怎么写? 3、如何写JS图片链接代码 4

2023-12-08
JS模糊搜索的实现

2023-05-21
js实现网页搜索(js怎么实现搜索功能)

本文目录一览: 1、如何用Javascript实现搜索功能 2、JS怎么实现站内搜索功能? 3、静态网页中如何用js实现搜索功能? 4、使用JS写简单查询页面? 5、静态网页如何用js实现查找功能?

2023-12-08
包含js加html实现旅游网页搜索框的词条

本文目录一览: 1、html中搜索框怎么做 2、js搜索框代码 3、静态网页如何用js实现查找功能? 4、怎么用html5+js+css实现如图所示的搜索下拉框,谢谢 5、网页制作 html,js搜索

2023-12-08
js代码劫持粘贴板(js代码劫持粘贴板怎么办)

本文目录一览: 1、如何用JS操作粘贴板 2、js实现复制到剪切板的代码,兼容各种浏览器 3、网站被JS劫持了该怎么处理和预防 如何用JS操作粘贴板 主要是用到了 window.clipboardDa

2023-12-08
php实现搜索功能代码,php实现搜索功能代码命令

2022-11-20
经典的js代码收藏,完整的js代码

本文目录一览: 1、谁给我帖一段下拉选择菜单的js代码? 2、使用浏览器实现收藏功能js怎么写 3、求三个常用的js代码? 4、求一段简单的JS代码 5、Web前端工程师应该知道的经典代码 谁给我帖一

2023-12-08
页面代码高亮度显示js代码(页面代码高亮度显示js代码怎么办

本文目录一览: 1、HTML 页面查找关键词,显示高亮,代码怎么写?谢谢!!!!!! 2、真心求教JS使得当前网页全屏的代码啊! 3、android 富文本编辑器+webview 显示 高亮 4、我要

2023-12-08
js代码关键单词(js代码关键单词是什么)

本文目录一览: 1、javascript中的那些英文单词在js里面有什么作用 2、case是不是js关键字 3、怎么实现js判断搜索引擎搜索关键词是否包含某关键字 4、用JS将搜索的关键字高亮显示实现

2023-12-08
lunce搜索java(lucene搜索)

2022-11-12
js特效代码,js特效代码显示时钟

本文目录一览: 1、什么是JS特效 2、前端开发中常用到的js特效有哪些 3、JS特效代码,让网页打开时候最小化,6秒后最大化。追加100分 4、当单击按钮时 显示搜索框,当再次单击按钮时隐藏搜索框,

2023-12-08
如何优化网页代码,提高搜索引擎流量

2023-05-12