提升之路--从0开始学web自动化(6)--使用js对页面进行操作(滚动页面,修改属性)&文件上传

JavaScript

是一个前端编程语言

负责页面的动作,跳转等动态化效果

所有浏览器都内置安装javascript的运行环境

基本语法

-打印

console.log('conlin')

-定义变量

var name = 'conlin'
console.log(name)

-使用控制流语句

var age = 18

if (age > 18) {
console.log("成年")
} else {
console.log("未成年")
}

与python不同的是,if后面的条件优先级最高,要加括号,而条件后面的冒号变成{}

-定义函数

function run() {
    console.log("run")
}

run()

DOM/BOM

浏览器通过DOM这种方式把页面文档(HTML)转换成了对象(document),可以对页面元素进行操作.通过BOM转换成对象(window),可以对浏览器进行操作

通过F12打开控制台,在浏览器中直接运行JS代码,控制浏览器当中的页面行为

 在控制台输入document,浏览器当中会显示整个HTML标签内容,通过对象(document).方法 这种方式,我们可以获得页面中想要的元素,还有对浏览器进行操作

使用js对页面进行具体操作

查找元素

var btn = document.querySelectorAll('span[class="NavItem_text_3Z0D7"]')

如果是通过css表达式定位的元素,返回的结果是一个列表

提取元素时候应该加上索引号,与xpath不一样.xpath查找到多个元素时候,第一个元素的索引是1,而js使用css查找到多个元素元素时候,第一个元素索引是0