js实现搜索定位文字效果

已于 2022-11-10 19:10:33 修改
阅读量1.2k 收藏 2
点赞数
分类专栏： javascript 文章标签： css html javascript
于 2021-09-02 18:45:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42571979/article/details/120067632
版权

css实现文字定位搜索，
效果
在这里插入图片描述

<html>
<form name="f1" action="" onSubmit="if(this.t1.value!=null && this.t1.value!='')
findString(this.t1.value);return false">
    <input type="text" name=t1 value="" size=20>
    <input type="submit" name=b1 value="Find">
</form>
<p>
<div>You walked very fast, walked through all the scenery and didn't stop to have a good rest</div>
</p>
<script language="JavaScript">

    var TRange = null
    function findString(str) {
        console.log(self)
        if (parseInt(navigator.appVersion) < 4) return;
        var strFound;
        if (window.find) {
            // CODE FOR BROWSERS THAT SUPPORT window.find
            strFound = self.find(str);
            if (strFound && self.getSelection && !self.getSelection().anchorNode) {
                strFound = self.find(str)
            }
            if (!strFound) {
                strFound = self.find(str, 0, 1)
                while (self.find(str, 0, 1)) continue
            }
        }
        else if (navigator.appName.indexOf("Microsoft") != -1) {
            // EXPLORER-SPECIFIC CODE
            if (TRange != null) {
                TRange.collapse(false)
                strFound = TRange.findText(str)
                if (strFound) TRange.select()
            }
            if (TRange == null || strFound == 0) {
                TRange = self.document.body.createTextRange()
                strFound = TRange.findText(str)
                if (strFound) TRange.select()
            }
        }
        else if (navigator.appName == "Opera") {
            alert("Opera browsers not supported, sorry...")
            return;
        }
        if (!strFound) alert("String '" + str + "' not found!")
        return;
    }
//-->
</script>

</html>
林-
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
页面内搜索关键字符高亮并定位
10-19
页内搜索并高亮定位网上有很多代码的例子，都是一样的，主要是用js实现的，下载下来之后，在页顶部若有多余字符第二次定位搜索会出现"{searchHL}"，但楼主是用C#，顶部有声明信息，于是修改了下代码，还好解决了这个问题，上传记录一下，也供有需要的人使用。
JS模拟浏览器实现全局搜索功能
11-30
需要像浏览器的全局搜索一样，搜索指定模块的对应值，然后将匹配到的内容添加背景颜色等。 思路 需要取到当前指定区域的所有内容 然后在取到的内容中找到搜索的内容加上对应的背景颜色 最后在将修改后的内容渲染到页面上 实现 利用innerHTML取到对应模块的内容 编写对应的正则表达式来匹配搜索的内容 利用String.prototype.replace替换匹配到的内容 最后在渲染到页面上 代码实现： let wrap = document.querySelector('.wrap'); let innerHTML = wrap[removed]; let reg
Selenium2+python自动化65-js定位几种方法总结【转载】
anbaduay633369的博客
11-10 921
前言 本篇总结了几种js常用的定位元素方法，并用js点击按钮，对input输入框输入文本 一、以下总结了5种js定位的方法 除了id是定位到的是单个element元素对象，其它的都是elements返回的是list对象 1.通过id获取 document.getElementById(“id”) 2.通过name获取 document.getElementsByNa...
精通javascript
12-05
第1章（\第1章） 查看1.2.htm中noscript显示效果的方法如下： 1．将该实例复制到C:\Inetpub\wwwroot下； 2．选择浏览器的“工具”－“安全”－“本地Intranet”－“自定义级别”－“活动脚本”中选用“禁用”单选框 3．在浏览器中输入下述地址：http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2.htm [removed]与 • 1.3.htm 调用外部JavaScript文件 • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章（\第2章） • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 • 2.5.htm 引号的转义使用 • 2.6.htm Bolean值的使用 • 2.7.htm undefinded和null的使用 • 2.8.htm 变量的优先级 • 2.9.htm 数值型数据 • 2.10.htm 数组数据类型 • 2.11.htm 字符串型转换为逻辑型数据 • 2.12.htm toLowerCase()方法 • 2.13.htm 通过字符串调用toLowerCase()方法 • 2.14.htm 使用值的数据操作 • 2.15.htm 对数据的引用执行 • 2.16.htm 字符串的比较 第3章（\第3章） • 3.1.htm 表达式示例 • 3.2.htm 加号运算符应用 • 3.3.htm 数值型数据与字符串连接 • 3.4.htm 数值型数据与字符串连接 • 3.5.htm 减号的取反功能 • 3.6.htm 对变量赋常量值 • 3.7.htm 对变量赋常量值 • 3.8.htm “==”与“=”的区别 • 3.9.htm 比较运算符的区别 • 3.10.htm “++”运算符后置应用 • 3.11.htm “++”运算符前置应用 • 3.12.htm 逗号表达式的连接应用 • 3.13.htm 逗号表达式的连接应用 • 3.14.htm typeof运算符的使用 • 3.15.htm new运算符的应用 • 3.16.htm delete运算符的应用 • 3.17.htm 用()改变运算优先级 • 3.18.htm 运算符结合性 第4章（\第4章） • 4.1.htm 条件语句内单行代码的写法 • 4.2.htm 变量赋初值 • 4.3.htm if…else举例 • 4.4.htm 用else进行更多选择 • 4.5.htm if语句的嵌套之一 • 4.6.htm if语句的嵌套之二 • 4.7.htm switch语句 • 4.8.htm while循环语句 • 4.9.htm do-while循环语句 • 4.10.htm for循环语句 • 4.11.htm for循环语句之二 • 4.12.htm continue语句 第5章（\第5章） • 5.1.htm 函数定义 • 5.2.htm 无返回值的函数 • 5.3.htm 有返回值的函数及其调用 • 5.4.htm 直接使用函数返回值 • 5.5.htm 直接使用函数返回值 • 5.6.htm 直接使用函数返回值 • 5.7.htm 参数变量可变的函数 • 5.8.htm 动态函数 • 5.9.htm encodeURI方法 • 5.10.htm decodeURI方法 • 5.11.htm decodeURI方法 • 5.12.htm decodeURI方法 • 5.13.htm isNaN方法 • 5.14.htm escape方法 • 5.15.htm unescape方法 第6章（\第6章） • 6.1.htm 对象创建与属性调用 • 6.4.htm this关键字的使用 • 6.5.htm 数组的length属性 • 6.6.htm 数组元素遍历 • 6.7.htm 数组元素遍历 • 6.8.htm 数组元素遍历之二 • 6.9.htm 用构造函数来创建数组 • 6.10.htm 用构造函数来创建数组之二 • 6.11.htm join方法 • 6.12.htm revrse方法 • 6.13.htm sort方法 • 6.14.htm alice方法 • 6.15.htm splice方法 • 6.16.htm Object对象 • 6.17.htm anchor方法 • 6.18.htm big方法 • 6.19.htm fontcolor方法 • 6.20.htm 字符串搜索 • 6.21.htm link方法 • 6.22.htm 字符串转换与匹配 • 6.23.htm Date对象的方法 • 6.24.htm toString方法 • 6.25.htm with语句 • 6.26.htm for…in语句调用对象属性 • 6.25.htm for…in语句调用属性值 第7章（\第7章） • 7.1.htm 字符串合并 • 7.2.htm 字符串合并 • 7.3.htm 字符串中使用转义字符 • 7.4.htm [removed]()与alert() • 7.5.htm unescape()函数的使用 • 7.6.htm escape()函数的使用 • 7.7.htm 进制转换 • 7.8.htm isNaN() • 7.9.htm 进制转换 • 7.10.htm 产生1~6间的随机数 • 7.11.htm Math对象的with结构 • 7.11.htm toExponential()方法和toFixed()方法 • 7.13.htm toPrecision()方法使用示例 • 7.14.htm toString()方法使用示例 第8章（\第8章） • 8.1.htm 创建正则表达式 • 8.2.htm 转义字符中的“” • 8.3.htm exec()方法应用 • 8.4.htm RegExp对象的使用 • 8.5.htm match方法的使用 • 8.6.htm search方法 • 8.7.htm replace方法的使用 • 8.8.htm split方法 • 8.9.htm 字符匹配 • 8.10.htm 圆点（.章）元字符 • 8.11.htm 行首匹配字符^ • 8.12.htm 行尾匹配字符$ • 8.13.htm 元字符\b • 8.14.htm replace方法的使用 第9章（\第9章） • 9.1.htm 超级链接上的事件绑定 • 9.2.htm HTML 事件绑定 • 9.3.htm 非标准事件绑定 • 9.4.htm 简单的JavaScript事件绑定 • 9.5.htm 简单的JavaScript事件绑定 • 9.6.htm 事件处理器的作用域 • 9.7.htm 事件处理器的作用域之二 • 9.8.htm 事件处理器的返回值 • 9.9.htm 自动触发事件 • 9.9.htm 直接在表单上调用事件 • 9.11.htm attachEvent()方法 • 9.12.htm 事件流测试 • 9.13.htm DOM2 事件模型基本语法 • 9.14.htm DOM2 鼠标事件 • 9.15.htm 取消默认动作之一 • 9.16.htm 取消默认动作之二 • 9.17.htm 创建事件 第10章（\第10章） • 10.1.htm 鼠标事件处理 • 10.2.htm 页面预览 • 10.3.htm 图像切换 • 10.4.htm 接收键盘输入 • 10.5.htm 用鼠标点亮文本 • 10.6.htm 图片跟随鼠标 • 10.7.htm 文字跟随鼠标 • 10.8.htm 星星跟随鼠标 • 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章（\第11章） • 11.1.htm 省略window的alert()方法 • 11.2.htm 未省略window的alert()方法 • 11.3.htm 未省略window的[removed]()方法 • 11.4.htm Document对象部分属性与方法的使用 • 11.5.htm HTML文档属性属性 • 11.6.htm 同时使用name和id • 11.7.htm 事件控制器的例子 • 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章（\第12章） • 12.1.htm Document树的简单例子 • 12.2.htm getElementById()方法 • 12.3.htm DOM结点属性 • 12.4.htm 文档树检测 • 12.5.htm 结点插入与追加 • 12.6.htm 结点复制 • 12.7.htm 结点删除与替换 • 12.8.htm 处理文本结点的方法 • 12.9.htm 处理属性的方法 • 12.10.htm HTMLElement对象 • 12.11.htm DOM遍历API • 12.12.htm DOM Range API • 12.13.htm 读取HTML元素内容 • 12.14.htm 修改HTML元素内容 • 12.15.htm innerText、outerText、outerHTML属性 • 12.16.htm document.all[] 第13章（\第13章） • 13.1.htm HTML对象模型 • 13.2.htm DHTML对象模型 • 13.3.htm DHTML对象模型方法显示和修改网页文字内容 • 13.4.htm DHTML对象模型方法新增和删除表格行内容 • 13.5.htm W3C对象模型方法显示和修改网页内容 • 13.6.htm W3C对象模型方法显示和修改表格内容 • 13.7.htm “相对位置”定位 • 13.8.htm “绝对位置”定位 • 13.9.htm z-index属性 • 13.10.htm z-index属性之二 • layerlib.js 跨浏览器DHTML库 • 13.12.htm 跨浏览器DHTML库的使用 第14章（\第14章） • 14.1.htm confirm()方法用作判断条件 • 14.2.htm alert()方法与confirm()方法的使用 • 14.3.htm prompt()方法的使用 • 14.4.htm window.open()方法 • 14.5.htm 用链接和按钮实现窗口打开 • 14.6.htm 窗口的打开和关闭 • 14.7.htm 安全关闭窗口 • 14.8.htm 窗口特征属性综合举例 • 14.9.htm 一个窗口写入的简单例子 • 14.10.htm 动态写入HTML代码 • 14.11.htm 窗口写入的应用示例 • 14.12.htm DOM窗口交互 • 14.13.htm 窗口方法测试 • 14.14.htm 用按钮载入页面 • 14.14.htm status属性 • 14.16.htm defaultStatus属性 • 14.17.htm 滚动的状态栏 • 14.18.htm 超时设定 • 14.19.htm onload事件 • 14.20.htm 模式窗口 • 14.21.htm 无模式窗口 • 14.22.htm 窗口应用举例 • 14.23.htm 全屏窗口 第15章（\第15章） 代码说明：本章部分代码使用了第10章、第19章几个文件，如果不能正常显示，则可能这些文件位置已改变。 • 15.1.htm 简单框架 • frames.htm 网页框架 • moreframes.htm 更多框架 • moreframes.htm 框架关联显示 • 15.5.htm 简单的框架网页 • 15.6.htm 内联框架 • 15.7.htm 简单的框架嵌套 • 15.8.htm 框架嵌套 • 15.9.htm 交叉框架通信 • input.htm 交叉框架通信的输入部分 • output.htm 交叉框架通信的输出部分 • 15.12.htm 嵌套框架交叉通信 • top.htm 嵌套框架交叉通信的上部框架 • bottom.htm 嵌套框架交叉通信的底部框架 • minput.htm 嵌套框架交叉通信的输入部分 • moutput.htm 嵌套框架交叉通信的输出部分 • stateframes.htm 状态框架集 • stateframe.htm 状态框架 • mainframe.htm 主框架 • mainframe2.htm 主框架之二 第16章（\第16章） • 16.1.htm 文档颜色属性应用 • 16.2.htm lastModified • 16.3.htm lastModified的返回值 • 16.4.htm document.location • 16.6.htm document.location的详细属性 • 16.6.htm 验证document.referrer • 16.7.htm 验证document.referrer • 16.8.htm [removed]()与[removed]ln() • 16.9.htm 字符串连接输出 • 16.10.htm document.close()和document.open() • 16.11.htm document.links[].href • 16.12.htm elements[] • 16.13.htm images[] • 16.14.htm document.getElementById() • 16.15.htm document.createElement() • 16.16.htm 设置表格属性 • 16.17.htm 显示表格属性 • 16.18.htm 操作表格元素 • 16.19.htm 插入和删除表元 • 16.20.htm 改变的内容 • 16.21.htm 改变页面样式 • blue.css 16.21.htm用到的样式文件 • red.css 16.21.htm用到的样式文件 • green.css 16.21.htm用到的样式文件 第17章（\第17章） • 17.1.htm Form对象测试 • 17.2.htm 基本按钮 • 17.3.htm button按钮 • 17.4.htm 文本域 • 17.5.htm 文本区 • 17.6.htm 限制输入长度的文本区 • 17.7.htm 限制输入长度的文本区之二 • 17.8.htm 复选框与单选按钮 • 17.9.htm 验证输入内容是否为空 • 17.10.htm 验证输入内容是否为空 • 17.11.htm 混合表单验证 • 17.12.htm 按键屏蔽 • 17.13.htm 屏蔽表单域 • 17.14.htm 动态表单 第18章（\第18章） • 18.1.htm 复选框 • 18.2.htm 单选按钮 • 18.3.htm 复选框与单选按钮的组合使用 • 18.4.htm 使用elements[]数组 • 18.5.htm 选择控件 • 18.6.htm 多项选择控件 • 18.7.htm 级联选择控件 第19章（\第19章） • 19.1.htm 友情链接 • 19.2.htm 需要确认的友情链接 • 19.3.htm 渐显效果的下拉菜单 • 19.4.htm 模拟系统菜单 • 19.5.htm 图片显示窗口 • 19.6.htm 远程控制菜单 • 19.7.htm 滑动菜单 • 19.8.htm 左键弹出式菜单 • 19.9.htm 浮动菜单 • 19.10.htm 导航式菜单 第20章（\第20章） • 20.1.htm 显示浏览器名称与版本号 • 20.2.htm 显示浏览器名称（改进章） • 20.3.htm JavaScript支持检测1 • 20.4.htm JavaScript支持检测2 • 20.5.htm JavaScript对象检测 • 20.6.htm Screen对象 • 20.7.htm 获取浏览器窗口大小 • 20.8.htm 字号随浏览器窗口大小而改变 • 20.9.htm 对代码20.8的改写 • 20.10.htm 在网页中有选择地显示图片 • 20.11.htm 客户端性能检测 • 20.12.htm 浏览器按键模拟 • 20.13.htm 修改Mozilla用户主页 • 20.14.htm 修改IE用户主页 第21章（\第21章） • 21.1.htm 编码与解码 • 21.2.htm Cookie值被覆盖 • 21.3.htm Cookie分析 • 21.4.htm 用Cookie保存定制样式 • 21.5.htm DHTML行为 第22章（\第22章） • 22.1.htm 通过单击按钮来改变图像 • 22.2.htm 随机显示不同图像 • 22.3.htm 结构化图形控件 • 22.4.htm 图像定位示例 • 22.5.htm 在IE中拖动图像 • 22.6.htm 按钮翻转示例 • 22.7.htm 跟随屏幕移动的图片 • 22.8.htm 多幅图片滚动显示 • 22.9.htm 图片的左右循环飘动 • 22.10.htm 图片的渐隐渐显 • 22.11.htm 不停闪烁的图片 • 22.12.htm 图片倒映 第23章（\第23章） • 23.1.htm 简单过渡 • layerlib.js JavaScript外部文件 • 23.3.htm 目标翻转 • 23.4.htm 运动图像 • 23.5.htm 随机图像 • 23.6.htm 动画效果 • 23.7.htm Sequencer控件 • 23.8.htm Path控件 • 23.9.htm 永远居中的背景图片 • 23.10.htm 随机显示的背景图片 • 23.11.htm 垂直滚动公告板 • 23.12.htm 类似Flash的字幕效果 • 23.13.htm 地震效果 第24章（\第24章） • MyApplet.txt 简单的Java Applet源程序 • 24.2.htm 在JavaScript中访问Java Applet • 24.3.htm 简单的Flash插件 • 24.4.htm mimeTypes[]数组 • 24.5.htm 使用mimeTypes[]检测支持的媒体类型 • 24.6.htm 使用navigator.plugins[][]列举所有Flash MIME类型 • 24.7.htm 列举plugins[]数组的内容 • 24.8.htm 简单的Flash播放控制器 • 24.9.htm ActiveX控件示例 • 24.10.htm 使代码兼容多种浏览器 • 24.11.htm Flash 播放控制器(ActiveX) 第25章（\第25章） • 25.1.htm 单向通信中的Image • 25.2.htm JavaScript向服务器发送RPC • 25.3.htm 动态内容 • 25.4.htm <input>中的单词拼写检查 • 25.5.htm 内联框架
智能发票识别系统后台.zip
03-10
智能发票识别系统 Requirements tomcat服务器 eclipse mysql数据库 redis数据库 Function 自动归类识别机打发票中的发票信息 用户手动绘制用于识别的发票模板和识别区域 查看等待识别发票的任务缓冲队列 可视化发票识别算法的过程，动态展示当前识别的区域和结果 管理员可对系统平台内的用户、用户组进行权限编辑管理 单位负责人可修改使用系统平台的单位信息 个人设置可查看个人信息和权限 Details 前端 Jquery + bootstrap搭建前端框架，处理前端逻辑和展示，负责MVC架构中的View视图层 前后端通过websocket和ajax通信，ajax主要用于按钮等控件的事件处理函数中的请求，websocket用于后端主动向前端推送消息 JSP控制cookies和session，在页面跳转时记录会话用户态，并可通过前端可视化界面对用户权限（用户权限分为继承的用户组权限和个人权限）进行编辑 识别算法的可视化通过websocket实现，算法端将每个区域的识别结果通过后台服务器逐次转送给前端，前端在onmessage回调函数中处理信息并在可视化窗口的canvas画布中显示出来 通过画布的getImageData和putImageData获取图片的像素点，并制造模糊效果，对比突出当前的识别区域 Js + canvas实现用户动态画图的效果，可以在canvas画布中框出自定义的识别区域和填写区域信息 后端 Spring MVC + Spring + JDBC搭建后端框架，Controller负责接收请求，Service负责主要业务逻辑，Dao负责数据库访问 算法端用C++编写，java后端通过多线程+socket+TCP与算法端通讯，利用对象锁完成线程调度 利用redis实现缓冲队列以及模板操作调度队列 利用spring-websocket与前端进行全双工通信 使用shiro作为安全管理框架，通过其内置session实现安全登录，使用shiro注解完成权限管理。 算法端 使用Bag of Words + CNN完成票据分类，根据分类结果查询并获取相应的发票模板。 使用SIFT特征匹配和配准思路完成票据对齐 根据模板中信息区域坐标截取ROI，因为票据可能存在套打情况，故还使用了约束式ROI搜索算法对信息区域进行重定位。 对每个ROI进行去噪、去印章、去直线等预处理操作，并使用形态学处理得到目标文本信息的连通体的最小外接矩形，并将此区域送入OCR模块。 使用搭建好的基于深度学习的卷积神经网络进行文字识别，识别结果组装成协议格式，返回给后台。
JS实现定点定位
weixin_46260557的博客
09-27 1515
JS动态实现定位
js在页面搜索定位某一元素的位置
sinaihalo的博客
12-06 4054
JavaScript 定位
js，在字符串中，查找某个字符的位置
m0_68231587的博客
04-18 3797
可以使用 JavaScript 中的字符串方法来查找某个字符在字符串中的位置。方法来获取该字符的值，并将其打印出来。如果没有找到该字符，我们使用。方法来获取该字符在字符串中的位置。如果找到了该字符，我们使用。方法来查找字符串中的某个字符，并使用。作为返回值来表示该字符不在字符串中。在这些示例中，我们使用了。
Js检索文本并跳转指定位置|Vue检索文本并跳转指定位置
远来客的博客
09-09 2320
<template> <div class="home" style="margin: 0"> <div id="search" style="position:fixed; top :0;background: #fff;width:100%;padding: 20px 0;" > <el-input type="search" v-model="key
JavaScript元素定位
qq_45616828的博客
10-12 4690
P7+P8
精通JavaScript
06-27
1．本书附源代码共计381个，其运行环境如下： IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2．本书所附光盘实例代码： 第1章（\第1章） 查看1.2.htm中noscript显示效果的方法如下： 1．将该实例复制到C:\Inetpub\wwwroot下； 2．选择浏览器的“工具”－“安全”－“本地Intranet”－“自定义级别”－“活动脚本”中选用“禁用”单选框 3．在浏览器中输入下述地址：http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2.htm <script>与<noscript> • 1.3.htm 调用外部JavaScript文件 • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章（\第2章） • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 • 2.5.htm 引号的转义使用 • 2.6.htm Bolean值的使用 • 2.7.htm undefinded和null的使用 • 2.8.htm 变量的优先级 • 2.9.htm 数值型数据 • 2.10.htm 数组数据类型 • 2.11.htm 字符串型转换为逻辑型数据 • 2.12.htm toLowerCase()方法 • 2.13.htm 通过字符串调用toLowerCase()方法 • 2.14.htm 使用值的数据操作 • 2.15.htm 对数据的引用执行 • 2.16.htm 字符串的比较 第3章（\第3章） • 3.1.htm 表达式示例 • 3.2.htm 加号运算符应用 • 3.3.htm 数值型数据与字符串连接 • 3.4.htm 数值型数据与字符串连接 • 3.5.htm 减号的取反功能 • 3.6.htm 对变量赋常量值 • 3.7.htm 对变量赋常量值 • 3.8.htm “==”与“=”的区别 • 3.9.htm 比较运算符的区别 • 3.10.htm “++”运算符后置应用 • 3.11.htm “++”运算符前置应用 • 3.12.htm 逗号表达式的连接应用 • 3.13.htm 逗号表达式的连接应用 • 3.14.htm typeof运算符的使用 • 3.15.htm new运算符的应用 • 3.16.htm delete运算符的应用 • 3.17.htm 用()改变运算优先级 • 3.18.htm 运算符结合性 第4章（\第4章） • 4.1.htm 条件语句内单行代码的写法 • 4.2.htm 变量赋初值 • 4.3.htm if…else举例 • 4.4.htm 用else进行更多选择 • 4.5.htm if语句的嵌套之一 • 4.6.htm if语句的嵌套之二 • 4.7.htm switch语句 • 4.8.htm while循环语句 • 4.9.htm do-while循环语句 • 4.10.htm for循环语句 • 4.11.htm for循环语句之二 • 4.12.htm continue语句 第5章（\第5章） • 5.1.htm 函数定义 • 5.2.htm 无返回值的函数 • 5.3.htm 有返回值的函数及其调用 • 5.4.htm 直接使用函数返回值 • 5.5.htm 直接使用函数返回值 • 5.6.htm 直接使用函数返回值 • 5.7.htm 参数变量可变的函数 • 5.8.htm 动态函数 • 5.9.htm encodeURI方法 • 5.10.htm decodeURI方法 • 5.11.htm decodeURI方法 • 5.12.htm decodeURI方法 • 5.13.htm isNaN方法 • 5.14.htm escape方法 • 5.15.htm unescape方法 第6章（\第6章） • 6.1.htm 对象创建与属性调用 • 6.4.htm this关键字的使用 • 6.5.htm 数组的length属性 • 6.6.htm 数组元素遍历 • 6.7.htm 数组元素遍历 • 6.8.htm 数组元素遍历之二 • 6.9.htm 用构造函数来创建数组 • 6.10.htm 用构造函数来创建数组之二 • 6.11.htm join方法 • 6.12.htm revrse方法 • 6.13.htm sort方法 • 6.14.htm alice方法 • 6.15.htm splice方法 • 6.16.htm Object对象 • 6.17.htm anchor方法 • 6.18.htm big方法 • 6.19.htm fontcolor方法 • 6.20.htm 字符串搜索 • 6.21.htm link方法 • 6.22.htm 字符串转换与匹配 • 6.23.htm Date对象的方法 • 6.24.htm toString方法 • 6.25.htm with语句 • 6.26.htm for…in语句调用对象属性 • 6.25.htm for…in语句调用属性值 第7章（\第7章） • 7.1.htm 字符串合并 • 7.2.htm 字符串合并 • 7.3.htm 字符串中使用转义字符 • 7.4.htm document.write()与alert() • 7.5.htm unescape()函数的使用 • 7.6.htm escape()函数的使用 • 7.7.htm 进制转换 • 7.8.htm isNaN() • 7.9.htm 进制转换 • 7.10.htm 产生1~6间的随机数 • 7.11.htm Math对象的with结构 • 7.11.htm toExponential()方法和toFixed()方法 • 7.13.htm toPrecision()方法使用示例 • 7.14.htm toString()方法使用示例 第8章（\第8章） • 8.1.htm 创建正则表达式 • 8.2.htm 转义字符中的“” • 8.3.htm exec()方法应用 • 8.4.htm RegExp对象的使用 • 8.5.htm match方法的使用 • 8.6.htm search方法 • 8.7.htm replace方法的使用 • 8.8.htm split方法 • 8.9.htm 字符匹配 • 8.10.htm 圆点（.章）元字符 • 8.11.htm 行首匹配字符^ • 8.12.htm 行尾匹配字符$ • 8.13.htm 元字符\b • 8.14.htm replace方法的使用 第9章（\第9章） • 9.1.htm 超级链接上的事件绑定 • 9.2.htm HTML 事件绑定 • 9.3.htm 非标准事件绑定 • 9.4.htm 简单的JavaScript事件绑定 • 9.5.htm 简单的JavaScript事件绑定 • 9.6.htm 事件处理器的作用域 • 9.7.htm 事件处理器的作用域之二 • 9.8.htm 事件处理器的返回值 • 9.9.htm 自动触发事件 • 9.9.htm 直接在表单上调用事件 • 9.11.htm attachEvent()方法 • 9.12.htm 事件流测试 • 9.13.htm DOM2 事件模型基本语法 • 9.14.htm DOM2 鼠标事件 • 9.15.htm 取消默认动作之一 • 9.16.htm 取消默认动作之二 • 9.17.htm 创建事件 第10章（\第10章） • 10.1.htm 鼠标事件处理 • 10.2.htm 页面预览 • 10.3.htm 图像切换 • 10.4.htm 接收键盘输入 • 10.5.htm 用鼠标点亮文本 • 10.6.htm 图片跟随鼠标 • 10.7.htm 文字跟随鼠标 • 10.8.htm 星星跟随鼠标 • 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章（\第11章） • 11.1.htm 省略window的alert()方法 • 11.2.htm 未省略window的alert()方法 • 11.3.htm 未省略window的document.write()方法 • 11.4.htm Document对象部分属性与方法的使用 • 11.5.htm HTML文档属性属性 • 11.6.htm 同时使用name和id • 11.7.htm 事件控制器的例子 • 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章（\第12章） • 12.1.htm Document树的简单例子 • 12.2.htm getElementById()方法 • 12.3.htm DOM结点属性 • 12.4.htm 文档树检测 • 12.5.htm 结点插入与追加 • 12.6.htm 结点复制 • 12.7.htm 结点删除与替换 • 12.8.htm 处理文本结点的方法 • 12.9.htm 处理属性的方法 • 12.10.htm HTMLElement对象 • 12.11.htm DOM遍历API • 12.12.htm DOM Range API • 12.13.htm 读取HTML元素内容 • 12.14.htm 修改HTML元素内容 • 12.15.htm innerText、outerText、outerHTML属性 • 12.16.htm document.all[] 第13章（\第13章） • 13.1.htm HTML对象模型 • 13.2.htm DHTML对象模型 • 13.3.htm DHTML对象模型方法显示和修改网页文字内容 • 13.4.htm DHTML对象模型方法新增和删除表格行内容 • 13.5.htm W3C对象模型方法显示和修改网页内容 • 13.6.htm W3C对象模型方法显示和修改表格内容 • 13.7.htm “相对位置”定位 • 13.8.htm “绝对位置”定位 • 13.9.htm z-index属性 • 13.10.htm z-index属性之二 • layerlib.js 跨浏览器DHTML库 • 13.12.htm 跨浏览器DHTML库的使用 第14章（\第14章） • 14.1.htm confirm()方法用作判断条件 • 14.2.htm alert()方法与confirm()方法的使用 • 14.3.htm prompt()方法的使用 • 14.4.htm window.open()方法 • 14.5.htm 用链接和按钮实现窗口打开 • 14.6.htm 窗口的打开和关闭 • 14.7.htm 安全关闭窗口 • 14.8.htm 窗口特征属性综合举例 • 14.9.htm 一个窗口写入的简单例子 • 14.10.htm 动态写入HTML代码 • 14.11.htm 窗口写入的应用示例 • 14.12.htm DOM窗口交互 • 14.13.htm 窗口方法测试 • 14.14.htm 用按钮载入页面 • 14.14.htm status属性 • 14.16.htm defaultStatus属性 • 14.17.htm 滚动的状态栏 • 14.18.htm 超时设定 • 14.19.htm onload事件 • 14.20.htm 模式窗口 • 14.21.htm 无模式窗口 • 14.22.htm 窗口应用举例 • 14.23.htm 全屏窗口 第15章（\第15章） 代码说明：本章部分代码使用了第10章、第19章几个文件，如果不能正常显示，则可能这些文件位置已改变。 • 15.1.htm 简单框架 • frames.htm 网页框架 • moreframes.htm 更多框架 • moreframes.htm 框架关联显示 • 15.5.htm 简单的框架网页 • 15.6.htm 内联框架 • 15.7.htm 简单的框架嵌套 • 15.8.htm 框架嵌套 • 15.9.htm 交叉框架通信 • input.htm 交叉框架通信的输入部分 • output.htm 交叉框架通信的输出部分 • 15.12.htm 嵌套框架交叉通信 • top.htm 嵌套框架交叉通信的上部框架 • bottom.htm 嵌套框架交叉通信的底部框架 • minput.htm 嵌套框架交叉通信的输入部分 • moutput.htm 嵌套框架交叉通信的输出部分 • stateframes.htm 状态框架集 • stateframe.htm 状态框架 • mainframe.htm 主框架 • mainframe2.htm 主框架之二 第16章（\第16章） • 16.1.htm 文档颜色属性应用 • 16.2.htm lastModified • 16.3.htm lastModified的返回值 • 16.4.htm document.location • 16.6.htm document.location的详细属性 • 16.6.htm 验证document.referrer • 16.7.htm 验证document.referrer • 16.8.htm document.write()与document.writeln() • 16.9.htm 字符串连接输出 • 16.10.htm document.close()和document.open() • 16.11.htm document.links[].href • 16.12.htm elements[] • 16.13.htm images[] • 16.14.htm document.getElementById() • 16.15.htm document.createElement() • 16.16.htm 设置表格属性 • 16.17.htm 显示表格属性 • 16.18.htm 操作表格元素 • 16.19.htm 插入和删除表元 • 16.20.htm 改变<div>的内容 • 16.21.htm 改变页面样式 • blue.css 16.21.htm用到的样式文件 • red.css 16.21.htm用到的样式文件 • green.css 16.21.htm用到的样式文件 第17章（\第17章） • 17.1.htm Form对象测试 • 17.2.htm 基本按钮 • 17.3.htm button按钮 • 17.4.htm 文本域 • 17.5.htm 文本区 • 17.6.htm 限制输入长度的文本区 • 17.7.htm 限制输入长度的文本区之二 • 17.8.htm 复选框与单选按钮 • 17.9.htm 验证输入内容是否为空 • 17.10.htm 验证输入内容是否为空 • 17.11.htm 混合表单验证 • 17.12.htm 按键屏蔽 • 17.13.htm 屏蔽表单域 • 17.14.htm 动态表单 第18章（\第18章） • 18.1.htm 复选框 • 18.2.htm 单选按钮 • 18.3.htm 复选框与单选按钮的组合使用 • 18.4.htm 使用elements[]数组 • 18.5.htm 选择控件 • 18.6.htm 多项选择控件 • 18.7.htm 级联选择控件 第19章（\第19章） • 19.1.htm 友情链接 • 19.2.htm 需要确认的友情链接 • 19.3.htm 渐显效果的下拉菜单 • 19.4.htm 模拟系统菜单 • 19.5.htm 图片显示窗口 • 19.6.htm 远程控制菜单 • 19.7.htm 滑动菜单 • 19.8.htm 左键弹出式菜单 • 19.9.htm 浮动菜单 • 19.10.htm 导航式菜单 第20章（\第20章） • 20.1.htm 显示浏览器名称与版本号 • 20.2.htm 显示浏览器名称（改进章） • 20.3.htm JavaScript支持检测1 • 20.4.htm JavaScript支持检测2 • 20.5.htm JavaScript对象检测 • 20.6.htm Screen对象 • 20.7.htm 获取浏览器窗口大小 • 20.8.htm 字号随浏览器窗口大小而改变 • 20.9.htm 对代码20.8的改写 • 20.10.htm 在网页中有选择地显示图片 • 20.11.htm 客户端性能检测 • 20.12.htm 浏览器按键模拟 • 20.13.htm 修改Mozilla用户主页 • 20.14.htm 修改IE用户主页 第21章（\第21章） • 21.1.htm 编码与解码 • 21.2.htm Cookie值被覆盖 • 21.3.htm Cookie分析 • 21.4.htm 用Cookie保存定制样式 • 21.5.htm DHTML行为 第22章（\第22章） • 22.1.htm 通过单击按钮来改变图像 • 22.2.htm 随机显示不同图像 • 22.3.htm 结构化图形控件 • 22.4.htm 图像定位示例 • 22.5.htm 在IE中拖动图像 • 22.6.htm 按钮翻转示例 • 22.7.htm 跟随屏幕移动的图片 • 22.8.htm 多幅图片滚动显示 • 22.9.htm 图片的左右循环飘动 • 22.10.htm 图片的渐隐渐显 • 22.11.htm 不停闪烁的图片 • 22.12.htm 图片倒映 第23章（\第23章） • 23.1.htm 简单过渡 • layerlib.js JavaScript外部文件 • 23.3.htm 目标翻转 • 23.4.htm 运动图像 • 23.5.htm 随机图像 • 23.6.htm 动画效果 • 23.7.htm Sequencer控件 • 23.8.htm Path控件 • 23.9.htm 永远居中的背景图片 • 23.10.htm 随机显示的背景图片 • 23.11.htm 垂直滚动公告板 • 23.12.htm 类似Flash的字幕效果 • 23.13.htm 地震效果 第24章（\第24章） • MyApplet.txt 简单的Java Applet源程序 • 24.2.htm 在JavaScript中访问Java Applet • 24.3.htm 简单的Flash插件 • 24.4.htm mimeTypes[]数组 • 24.5.htm 使用mimeTypes[]检测支持的媒体类型 • 24.6.htm 使用navigator.plugins[][]列举所有Flash MIME类型 • 24.7.htm 列举plugins[]数组的内容 • 24.8.htm 简单的Flash播放控制器 • 24.9.htm ActiveX控件示例 • 24.10.htm 使代码兼容多种浏览器 • 24.11.htm Flash 播放控制器(ActiveX) 第25章（\第25章） • 25.1.htm 单向通信中的Image • 25.2.htm JavaScript向服务器发送RPC • 25.3.htm 动态内容 • 25.4.htm <input>中的单词拼写检查 • 25.5.htm 内联框架 第26章（\第26章） 1．查看书中图26.9的效果的方法： 用记事本打开26.5.xml，找到第二行，内容如下： <!--<?xml-stylesheet href="staff.xsl" type="text/xsl"?>--> 将两端的<!--和-->去掉并保存该文档后，用IE打开，就可看到图26.9所示的效果。 2．查看书中图26.10的效果的方法： 用记事本打开26.5.xml，找到第3行，内容如下： <!--<?xml-stylesheet href="staff.css" type="text/css"?>--> 将两端的<!--和-->去掉并保存该文档后，用IE打开，就可看到图26.9所示的效果。 3．要查看书中图26.11的效果，须连接Internet。 • 26.1.xml XML文档的例子 • 26.2.xml 包含DTD及其实例的XML文档 • 26.3.xml 要转换的XML文档 • test.xsl 转换XML文档的模板文件 • 26.5.xml 更复杂的要转换的XML文档 • staff.xsl XSL样式表 • staff.css CSS样式表 • 26.8.xml 使用了MathML的XML文档 • 26.9.htm 显示XML文档根结点 • 26.10.htm 使用Jscript与DOM直接操作XML • 26.11.xml 使用Mozilla直接操作XML • 26.12.js 使用Mozilla直接操作XML用到的js文件 • 26.13.htm IE XML数据岛应用 • 26.14.htm IE XML数据岛 • 26.15.rss 简单的rss文件 • 26.16.htm 简单的rss阅读器 第28章（\第28章） • 28.1.htm 显示当前时间 • 28.2.htm 显示当前日期和星期 • 28.3.htm 显示日期、时间和星期 • 28.4.htm 分时段问候 • 28.5.htm 以数字图片来显示时间 • 28.6.htm 显示世界不同地区的当前时间 • 28.7.htm 总是悬浮的时钟 • 28.8.htm 简单的加减乘除运算 • 28.9.htm 能进行四则混合运算的计算器 • 28.10.htm 在表单中显示打字效果 • 28.11.htm 随页面刷新更换页面背景 • 28.12.htm 随页面刷新显示不同图片 第29章（\第29章） • 29.1.htm 汉诺塔问题求解 • 29.2.htm 位置固定的对联广告 • 29.3.htm 随页面滚动的对联广告 • 29.4.htm 循环滚动的多幅广告 • css.css 代码29.4用到的样式文件 • 29.6.htm 用JavaScript实现级联选择 • ajax_server.asp 使用ASP访问demo数据表 • ajax.htm 使用ajax实现级联选择 第30章（\第30章） 代码说明：本章实现了一个ASP留言板程序，程序需要在IIS环境下运行。 • index.asp 留言板主程序 • guestbook.mdb 留言板数据库程序 • images\ 留言板使用的图像文件目录
精通JavaScript+jQuery Part1
07-20
目录 第1部分　CSS基础知识篇 　第1章　CSS的初步体验　 　　1.1　CSS的概念　 　　1.2　使用CSS控制页面　 　　1.3　体验CSS　 　第2章　CSS的基本语法　 　　2.1　CSS选择器　 　　2.2　选择器声明 　　2.3　CSS的继承 　第3章　用CSS设置丰富的文字效果　 　　3.1　CSS文字样式 　　3.2　文字实例一：模拟Google公司Logo　 　　3.3　文字实例二：制作页面的五彩标题　 　　3.4　CSS段落文字 　　3.5　段落实例：百度搜索　 　第4章　用CSS设置图片效果　 　　4.1　图片样式　 　　4.2　图片的对齐 　　4.3　图文混排　 　　4.4　图文实例：八仙过海　 　第5章　用CSS设置网页中的背景　 　　5.1　背景颜色　 　　5.2　背景图片　 　　5.3　背景综合一：我的个人主页　 　　5.4　背景综合二：古词《念奴娇·赤壁怀古》　 　第6章　用CSS设置表格与表单的样式　 　　6.1　控制表格　 　　6.2　表格实例一：隔行变色　 　　6.3　表格实例二：鼠标经过时变色的表格　 　　6.4　表格实例三：日历　 　　6.5　CSS与表单　 　　6.6　综合实例一：直接输入的Excel表格　 　　6.7　综合实例二：模仿新浪网民调查问卷　 　第7章　用CSS设置页面和浏览器的元素　 　　7.1　丰富的超链接特效 　　7.2　鼠标特效 　　7.3　页面滚动条　 　第8章　用CSS制作实用的菜单　 　　8.1　项目列表　 　　8.2　无需表格的菜单　 　　8.3　菜单的横竖转换　 　　8.4　菜单实例一：百度导航条　 　　8.5　菜单实例二：流行的Tab菜单　 　第9章　CSS滤镜的应用　 　　9.1　滤镜概述　 　　9.2　通道（Alpha）　 　　9.3　模糊（Blur）　 　　9.4　运动模糊（Motion Blur）　 　　9.5　透明色（Chroma）　 　　9.6　下落的阴影（Dropshadow）　 　　9.7　翻转变换（Flip）　 　　9.8　光晕（Glow）　 　　9.9　灰度（Gray）　 　　9.10　反色（Invert）　 　　9.11　遮罩（Mask）　 　　9.12　阴影（Shadow）　 　　9.13　X射线（X-ray）　 　　9.14　浮雕纹理（Emboss和Engrave）　 　　9.15　波浪（Wave）　 第2部分　CSS+DIV美化和布局篇 　第10章　理解CSS定位与div布局　 　　10.1　 div 标记与 span 标记 　　10.2　盒子模型 　　10.3　元素的定位　 　　10.4　定位实例一：轻轻松松给图片签名　 　　10.5　定位实例二：文字阴影效果　 　第11章　CSS+div布局方法剖析　 　　11.1　CSS排版观念　 　　11.2　固定宽度且居中的版式 　　11.3　左中右版式　 　　11.4　块的背景色问题 　　11.5　排版实例：电子相册　 　　11.6　div排版与传统的表格方式排版的分析　 　第12章　CSS+div美化与布局实战　 　　12.1　框架搭建　 　　12.2　实例一：蓝色经典　 　　12.3　实例二：清明上河图　 　　12.4　实例三：交河故城　 　　12.5　自动选择CSS样式　 第3部分　CSS混合应用技术篇 　第13章　CSS与JavaScript的综合应用　 　　13.1　JavaScript概述 　　13.2　JavaScript语法基础 　　13.3　实例一：输入时高亮显示的Excel表格　 　　13.4　实例二：由远到近的文字　 　　13.5　实例三：跑马灯特效　 　　13.6　实例四：图片淡入淡出　 　　13.7　实例五：CSS实现PPT幻灯片　 　　13.8　实例六：灯光效果　 　　13.9　实例七：舞台灯光　 　　13.10　实例八：探照灯　 　　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　　14.1　XML基础　 　　14.2　XML链接CSS文件　 　　14.3　XML文字阴影效果　 　　14.4　XML古诗字画　 　　14.5　XML实现隔行变色的表格　 　第15章　CSS与Ajax的综合应用　 　　15.1　Ajax概述　 　　15.2　Ajax入门 　　15.3　Ajax实例：能够自由拖动布局区域的网页　 第4部分　综合案例篇 　第16章　我的博客　 　　16.1　分析构架　 　　16.2　模块拆分　 　　16.3　整体调整　 　第17章　小型工作室网站　 　　17.1　分析构架　 　　17.2　模块拆分 　　17.3　整体调整　 　第18章　企业网站　 　　18.1　分析构架 　　18.2　模块拆分 　　18.3　整体调整　 　第19章　网上购物网站　 　　19.1　分析构架 　　19.2　模块分析 　　19.3　整体调整　 　第20章　旅游网站　 　　20.1　分析构架　 　　20.2　模块拆分 　　20.3　整体调整 精通JavaScript+jQuery 书籍目录： 第1部分　JavaScript.cCSS与DOM基础篇　 　第1章　ccJavaScript概述 　　1.1　JavaScript的起源 　　1.2　浏览器之争 　　　1.2.1　DHTML 　　　1.2.2　浏览器之间的冲突 　　　1.2.3　标准的制定 　 　　1.3　JavaScript的实现 　　　1.3.1　ECMAScript 　　　1.3.2　DOM 　　　1.3.3　BOM 　　　1.3.4　新的开始 　　1.4　Web标准 　　　1.4.1　Web标准概述 　　　1.4.2　结构.c表现和行为的分离 　第2章ccJavaScript基础 　　2.1　JavaScript的语法 　　2.2　变量 　　2.3　数据类型 　　　2.3.1　字符串 .　　　2.3.2　数值 　　　2.3.3　布尔型 　　　2.3.4　类型转换 　　　2.3.5　数组 　　2.4　关键字 　　2.5　保留字 　　2.6　条件语句 　　　2.6.1　比较操作符 　　　2.6.2　逻辑操作符 　　　2.6.3　if语句 　　　2.6.4　switch语句 　　2.7　循环语句 　　　2.7.1　while语句 　　　2.7.2　do…while语句 　　　2.7.3　for语句 　　　2.7.4　break和continue语句 　　　2.7.5　for…in语句 　　　2.7.6　实例：九九乘法表 　　2.8　函数 　　　2.8.1　定义和调用函数 　　　2.8.2　用arguments对象访问函数的参数 　　　2.8.3　实例：杨辉三角 　　2.9　其他对象 　　　2.9.1　对象简述 　　　2.9.2　时间日期：Date对象 　　　2.9.3　数学计算：Math对象 　　2.10　BOM基础 　　　2.10.1　window对象 　　　2.10.2　document对象 　　　2.10.3　location对象 　　　2.10.4　navigator对象 　　　2.10.5　screen对象 　第3章　ccCSS基础 　　3.1　CSS的概念 　　　3.1.1　标记的概念 　　　3.1.2　传统HTML的缺点 　　　3.1.3　CSS的引入 　　　3.1.4　浏览器与CSS 　　3.2　使用CSS控制页面 　　　3.2.1　行内样式 　　　3.2.2　内嵌式 　　　3.2.3　链接式 　　　3.2.4　导入样式 　　3.3　CSS选择器 　　　3.3.1　标记选择器 　　　3.3.2　类别选择器 　　　3.3.3　ID选择器 　　　3.3.4　选择器集体声明 　　　3.3.5　选择器的嵌套 　　　3.3.6　子选择器 　　　3.3.7　属性选择器 　　3.4　CSS设置文字效果 　　　3.4.1　CSS文字样式 　　　3.4.2　CSS段落文字 　　　3.4.3　首字放大 　　3.5　ccCSS设置图片效果 　　　3.5.1　图片的边框 　　　3.5.2　图文混排 　　3.6　CSS设置页面背景 　　　3.6.2　背景图片 　　　3.6.3　背景图的重复 　　　3.6.4　背景样式综合设置 　　3.7　CSS设置超链接效果 　　3.8　CSS制作实用菜单 　　　3.8.1　项目列表 　　　3.8.2　无需表格的菜单 　第4章　ccCSS进阶 　　4.1　标记与标记 　　　4.1.1　概述 　　　4.1.2　与的区别 　　4.2　盒子模型 　　4.3　元素的定位 　　　4.3.1　float定位 　　　4.3.2　position定位 　　　4.3.3　z-index空间位置 　　4.4　CSS排版观念 　　　4.4.1　将页面用div分块 　　　4.4.2　设计各块的位置 　　　4.4.3　用CSS定位 　　4.5　排版实例：我的博客 　　　4.5.1　设计分析 　　　4.5.2　排版构架 　　　4.5.3　导航与Banner 　 　　　4.5.4　左侧列表 　　　4.5.5　内容部分 　　　4.5.6　footer脚注 　　　4.5.7　整体调整 　　4.6　JavaScript与CSS 　　　4.6.1　颜色渐变的文字 　　　4.6.2　鼠标文字跟随 　　　…… 第2部分　JavaScript.cCSS.cDOM高级篇 第3部分　jQuery框架篇 第4部分　综合案例篇
网页JS自动化脚本(三)查找定位页面元素的多种方法
weixin_43716462的博客
11-29 2122
当然定位元素不止一个方法,下面总结一些常用的方法
8种在JavaScript数组中查找指定元素的方法（用于开发中数据的处理）
热门推荐
weixin_42662753的博客
01-13 2万+
1、Array.prototype.includes() includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false。 该方法支持两个参数valueToFind，fromIndex（可选），第一个参数是‘需要查找的元素值’,第二个参数是‘从哪个索引处开始查找’，第二个参数如果为负数，则会按升序从 array.length + fromIndex 的索引开始查找（即使从末尾开始往前跳 fromIndex 的绝对值个索引，然后往后搜寻）。 var a = [1
JavaScript-元素的位置系列
NanChen的博客
09-15 704
元素偏移量offset系列 元素可视区client系列 元素滚动scroll系列 首先是offset：offset系列如下图所示 它是指偏移量，在文档中占用所有显示的宽度，包括边框内边距内容、滚动条，但是不包括overflow的部分 offsetParent ：返回该元素的祖先元素中、离自己最近的、有定位的元素即返回该元素的最近的有定位的父级元素。如果父级元素都没有定位则返回body。 offsetLeft：返回他和他父亲之间左边留出的距离。 offsetT...
js 模糊定位标签元素
lwdfzr的博客
09-15 595
js 模糊定位标签元素
网页JS自动化脚本(二)查找定位页面元素的方法
weixin_43716462的博客
11-28 2406
我们写脚本往往是要提取某些关键字,那么我们对于元素的查找和定位就很重要
JavaScript 20 JavaScript 字符串搜索
谢谢你们的关注
10-29 625
JavaScript 20 JavaScript 字符串搜索
【CSS】grid 布局一行自动填充，每行最大限定px
最新发布
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
04-23 325
【代码】【CSS】grid 布局一行自动填充，每行最大限定px。
js实现文字旋转效果
06-01
同样可以使用JavaScript实现文字旋转特效。具体方法如下： 1. 首先，将文字包含在一个容器元素内，例如一个div元素。 2. 使用JavaScript获取该容器元素的引用，并且设置一个角度变量来控制旋转角度。 例如，定义...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值