主要内容:
- JavaScript(html+css+JavaScript)
- DOM
- 在浏览器中直接运行代码
- 打开新窗口
- 窗口的滚动
- 修改页面的元素状态(属性,text,html)-时间选择控件
- selenium execute_script
- 文件上传
1.JavaScript
前端工程师学的编程语言(html,css,JavaScript)
为什么所有的前端都需要去学JavaScript?
- JavaScript负责页面的动作,跳转等动态化的效果
- 所有的浏览器都内置安装了JavaScript的运行环境
具体看下JS在一个页面中怎么样去编写:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>py44</title>
</head>
<body>
<h2>hello world</h2>
<script>
//alert弹框
alert('hello')
//控制台打印,相当于print
console.log('打印输出在控制台')
console.log('pangkunkun')
//定义变量,方法1
var name="kunkun"
console.log(name)
//定义变量,方法2
let lastname="pangpang"
console.log(lastname)
//if判断
let age = 18
if (age > 18){
console.log("成年了")
} else{
console.log("未成年")
}
//函数
function run(){
console.log('调用后执行函数')
}
//调用函数
run()
</script>
</body>
</html>
在浏览器中打开显示效果:
更多用法,可以百度JavaScript了解更多。
2.DOM
HTML这些标签归根结底就是字符串,不方便被程序访问和控制,因此浏览器通过DOM这种放置把文档转化成了对象,方便程序进行访问。现在我们通过F12快捷键打开浏览器的控