web页面组成之dom对象/页面操作(js操作滚动条/日期/文件上传)

 主要内容:

  • 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快捷键打开浏览器的控

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值