网页脚本编程学习笔记

2024-05-19 03:04:12

网页脚本编程学习笔记

1、配置

此处以火狐浏览器为例：

1）、

打开web控制台，调出查看器（用于查看该网页的HTML源代码）、控制台（编写控制代码，可以实时操作，显示运行结果、报错，类似于MATLAB的命令框）。

2）、

先在控制台学习各函数的功能、用法，然后在此基础上编写脚本。（初学者）

2、获取需要的网页源代码标签

1)、标签的格式：

<标签名, id=“id_name”, class=“class_name”, name=“myname”, 其他属性=“属性值”></标签名>

2)、函数

getElementById(“id_name”): id即为标签中的id值，选择含有指定id值的标签。
getElementsByTagName(“标签名”)：选择含有指定标签名的标签。
getElementsByClassName(“class_name”)：选择含有指定类名的标签。
注意：以上函数返回一个标签，但属性值可能有相同的，所以常用：
getElementsByTagName(“标签名”)[i]
若函数得到n个标签名一致的标签，则[i]表示取第i个标签（类似于数组，i=0,1,2、、）

getElementsByName(“myname”)：选择含有指定name值的标签，它返回的是数组（多个标签），而不是一个元素，不同于上面的函数。
getElementsByTagNameNS(“x1”,“x2”)：选择有指定名称和命名空间的所有元素,
x1：要搜索的命名空间名称（ “" 匹配所有的标签）。
x2：要搜索的标签名（ "” 匹配所有的标签）

3)、代码

var content
content = document.getElementById("id");

功能：获取标签内容->content
document：取网页内容。
getElementByName()可以换成上述其它函数。
注意：content的返回表明了获取是否成功，有的网页是无法获取的！！！返回值一直未空！！

var x = content.getElementsByTagName("tagname")[i].getElementsByClassName("class_name")[i]

功能：进一步查找需要的标签，函数可以叠加，一步步增加条件锁定目标标签。
注意：当content.get写到这时如果有提示选项，则也能表明content获取成功。

var a = x.innerText
var b = x.innerHTML

功能：innerText返回标签中的字符串
innerHTML返回整个标签

待补充、、、

网页脚本编程学习笔记相关推荐

shell脚本编程学习笔记6(xdl)——字符串截取命令
shell脚本编程学习笔记6--字符串截取命令 1,cut命令 [root@localhost ~]# cut [选项] 文件名-f 列号,表示提取第几列-d 分隔符,按照指定的分隔符分割列注意:默认 ...
shell脚本编程学习笔记8(XDL)——流程控制和循环
shell脚本编程学习笔记8--流程控制和循环 1,if语句 1,框架 1,单分支:if [条件判断式] ;thenprogramfiif [条件判断式]thenprogramfi注意:if语句使用f ...
shell脚本编程学习笔记1(xdl)——shell基础与Bash基本功能（）
shell脚本编程学习笔记1--shell基础与Bash基本功能 1,简介: 1,Shell就是一个命令行解释器,用以连接输入设别和内核. 2,Shell是解释执行的脚本语言,在Shell中可以直接 ...
shell脚本编程学习笔记5(xdl)——正则表达式
shell脚本编程学习笔记5--正则表达式 1,简介正则表达式,用来在文件中匹配符合条件的字符串,包含匹配.注意是文件中选择字符串,和通配符是不同的.grep,awk,sed等命令可以支持正则表达 ...
shell脚本编程学习笔记2(xdl)——Bash变量
shell脚本编程学习笔记2--Bash变量 1,变量简介 1,计算机内存单元2,设置规则字母数组下划线组成,不能以数字开头Bash中,默认类型字符串型,变量类型可修改 2,Bash变量规则 1,变量 ...
shell脚本编程学习笔记4(xdl)——Bash常见环境变量
shell脚本编程学习笔记4--Bash常见环境变量非专业运维,例如开发人员,环境变量熟悉常见的,了解不常见的即可. 1,简介环境变量配置文件中主要是定义对系统的操作环境生效的系统默认环境变量, ...
shell脚本编程学习笔记7(XDL)——字符处理命令和条件判断
shell编程学习笔记--字符处理命令和条件判断 1,字符处理 [root@localhost ~]# sort [选项] 文件名选项: -f: 忽略大小写 -n: 以数值型进行排序,默认使用字符串 ...
Linux Shell脚本编程学习笔记和实战
http://www.1987.name/141.html shell基础终端打印.算术运算.经常使用变量 Linux下搜索指定文件夹下特定字符串并高亮显示匹配关键词从键盘或文件里获取标准输入 [ ...
Bash脚本编程学习笔记02：脚本基础和bash配置文件
脚本基础参考资料:Shell Scripts (Bash Reference Manual) 不严谨地说,编程语言根据代码运行的方式,可以分为两种方式: 编译运行:需要先将人类可识别的代码文件编译成 ...

最新文章

热门文章