需要准备的材料分别有:电脑、chrome浏览器。
1、首先,chrome浏览器,以zhidao.baidu.com为例,进入网页。
2、键盘按F12,显示出开发者工具面板,点击“Network”的“JS”选项。
3、刷新页面,此时会列出所有调用的js文件。
<table id="test"><tr>
<td><input value="testsetsetestestsetsetsetset"></input></td>
<td><input value="aaabbbaaabbbaaa"></input></td>
<td><input value="testsetsetestestsetsetsetset"></input></td>
</tr>
<tr>
<td><input value="aaacccbbbbcccc"></input></td>
<td><input value="testsetsetestestsetsetsetset"></input></td>
<td><input value="testsetsetestestsetsetsetset"></input></td>
</tr>
</table>
<textarea name="txtBox" rows="7" cols="50" id="txtBox">
菊花台 (满城尽带黄金甲主题曲)
歌手:周杰伦 专辑:依然范特西
你的泪光 柔弱中带伤
惨白的月弯弯 勾住过往
夜太漫长 凝结成了霜
是谁在阁楼上冰冷的绝望
雨轻轻淌 朱红色的窗
我一生在纸上 被风吹乱
梦在远方 化成一缕霞
随风飘散 你的模样
菊花惨淡地伤 你的笑容已泛黄
花落人断肠 我心事静静淌
北风乱夜未央 你的影子剪不断
徒留我孤单在湖面生霜
</textarea><br>
<input type="text" value="输入要查询的内容" id="txtFind">
<input type="button" value="表查找" onclick="searchclick()">
<input type="button" value="简单查找" onclick="findText(txtFind.value)">
<script language="javascript">
var searchobj = new Object
var rng = new Object
searchobj.row = -1
searchobj.col = -1
function searchclick(){
findText2("test",txtFind.value)
}
function findText2(tabname,str){
var tab = document.getElementById(tabname)
var rowobj = tab.rows
//行数
var rownum = rowobj.length
if(searchobj.row != -1 &&searchobj.col != -1 ){
var trobj = tab.rows[searchobj.row]
//列数
var tdnum = trobj.cells.length
//定义一个变量,作为moveStart()函数的偏移量,即开始点跳过选择文本
var num = 0
if(document.selection)
num = document.selection.createRange().text.length
//每次调用函数,结束点都为末尾,而开始点是跳过选择文本后的新开始点
rng.moveStart("character",num)
rng.moveEnd("character",rowobj[searchobj.row].cells[searchobj.col].childNodes[0].value.length)
//搜索到后选择文本
if(rng.findText(str))
rng.select()
if(rng.text==str){
return
}
//如果上次查询结果是最后一列
if(searchobj.col <tdnum-1){
for(var ii=searchobj.col+1ii<tdnumii++){
rng = rowobj[searchobj.row].cells[ii].childNodes[0].createTextRange()
//搜索到后选择文本
if(rng.findText(str))
rng.select()
if(rng.text==str){
searchobj.col = ii
return
}
}
}
//如果上次查询结果不是最后一行
if(searchobj.row != rownum-1){
for(var i=searchobj.row+1i<rownumi++){
var trobj = tab.rows[i]
//列数
var tdnum = trobj.cells.length
for(var j=0j<tdnumj++){
if(rowobj[i].cells[j].childNodes[0].tagName == "INPUT"){
rng = rowobj[i].cells[j].childNodes[0].createTextRange()
//搜索到后选择文本
if(rng.findText(str))
rng.select()
if(rng.text==str){
searchobj.row = i
searchobj.col = j
return
}
}
if(i==rownum-1 &&j==tdnum-1){
searchobj.row = -1
searchobj.col = -1
findText2(tabname,str)
}
}
}
}
else{
searchobj.row = -1
searchobj.col = -1
findText2(tabname,str)
}
}
else
{
for(var i=0i<rownumi++){
var trobj = tab.rows[i]
//列数
var tdnum = trobj.cells.length
for(var j=0j<tdnumj++){
if(rowobj[i].cells[j].childNodes[0].tagName == "INPUT"){
rng = rowobj[i].cells[j].childNodes[0].createTextRange()
//搜索到后选择文本
if(rng.findText(str))
rng.select()
if(rng.text==str){
searchobj.row = i
searchobj.col = j
return
}
}
if(i==rownum-1 &&j==tdnum-1){
alert("没有您要查找的内容")
}
}
}
}
}
var rng = document.body.createTextRange()
function findText(str)
{
debugger
if(str=="")
return
//定义一个变量,作为moveStart()函数的偏移量,即开始点跳过选择文本
var num = 0
if(document.selection)
num = document.selection.createRange().text.length
//每次调用函数,结束点都为末尾,而开始点是跳过选择文本后的新开始点
rng.moveStart("character",num)
rng.moveEnd("character",txtBox.value.length)
//搜索到后选择文本
if(rng.findText(str))
rng.select()
//搜索到最后的范围还是找不到,则提示搜索完毕,并重新恢复rng最初的范围(否则无法执行新搜索)
if(rng.text!=str)
{
alert("搜索完毕")
rng = txtBox.createTextRange()
}
rng = txtBox.createTextRange()
}
</script>
在本地C盘新建configure.txt文件,调用以下返回的就是文件内容,根据需要在处理数据,筛选自己想要的部分// 读取客户端配置文件
getConfigContent(){
let result = ""
//创建对象实例
try {
let fileSystemObj = new ActiveXObject("Scripting.FileSystemObject")
if (fileSystemObj.FileExists("c://configure.txt")) {
// 打开文件
let fileTxt = fileSystemObj.OpenTextFile("c://configure.txt")
// 读取文件一行内容到字符串
result = fileTxt.ReadLine()
// 关闭文件
fileTxt.Close()
}
} catch (e) {
// 此处使用的element的消息提示组件
this.$message.error(
"请使用ie11浏览器,或请设置浏览器的安全设置,启用对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本!",
)
}
return result
}