软件测试学习笔记丨Web端测试—JavaScript讲解

编程有点难不难 2024-02-10 20:32:47
一、简介JavaScript 是脚本语言一种轻量级的编程语言是可插入 HTML 页面的编程代码插入 HTML 页面后,可由所有的现代浏览器执行作用直接写入 HTML 输出流对事件的反应改变 HTML 内容改变 HTML 图像改变 HTML 样式验证输入二、用法2.1、位置脚本必须位于 <script></script> 标签之间可被放置在 HTML 页面的 <body> 和 <head> 部分中2.2、引用方式内部:<script>alert("我的第一个 JavaScript");</script>外部:<script src=”myScript.js”></script>三、输出3.1、显示数据弹出警告框:window.alert()将内容写到 HTML 文档中:document.write()写入到浏览器的控制台:console.log()四、基础语法4.1、字面量数字:整数、小数、科学技术(e)字符串:单引号、双引号数组:[]对象:{}函数:function4.2、变量声明变量:var赋值: =4.3、操作符算术运算符:= + - * /赋值运算符:= += -=比较运算符:< > == === !=4.4、函数关键字:functionfunction myFunction(a,b){return a*b;}

五、操作 HTML DOM5.1、HTML DOM文档对象模型:Document Object Model5.2、查找 HTML 元素通过 id:var x=document.getElementById("xx");通过标签名:var y=x.getElementsByTagName("p");通过类名:var x=document.getElementsByClassName("xx");5.3、改变 HTML内容:document.getElementById(id).innerHTML=新的 HTML属性:document.getElementById(id).attribute=新属性值5.4、Cookie读取:var x = document.cookie;5.5、使用事件当用户点击鼠标时:onclick=JavaScript当网页已加载时:onload=JavaScript当图像已加载时:onunload=JavaScript当鼠标移动到元素上时:onmouseover=JavaScript当输入字段被改变时:onchange=JavaScript当用户触发按键时:onmousedown=JavaScript六、操作 浏览器 BOM6.1、浏览器对象模型Window 对象所有浏览器都支持 window 对象。它表示浏览器窗口所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员HTML DOM 的 document 也是 window 对象的属性之一6.2、浏览器窗口获取浏览器窗口尺寸:window.innerHeight - 浏览器窗口的内部高度(包括滚动条)window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)打开新窗口:window.open()关闭当前窗口:window.close()6.3、用户屏幕可用的屏幕宽度:screen.availWidth可用的屏幕高度:screen.availHeight6.4、当前页面的地址返回 web 主机的域名:location.hostname返回当前页面的路径和文件名:location.pathname返回所使用的 web 协议:location.protocol6.5、浏览器的历史与在浏览器点击后退按钮相同:history.back()与在浏览器中点击向前按钮相同:history.forward()

霍格沃兹的测试管理班是专门面向测试与质量管理人员的一门课程,通过提升从业人员的团队管理、项目管理、绩效管理、沟通管理等方面的能力,使测试管理人员可以更好的带领团队、项目以及公司获得更快的成长。提供 1v1 私教指导,BAT 级别的测试管理大咖量身打造职业规划。

0 阅读:13

编程有点难不难

简介:感谢大家的关注