web自动化测试-D2-学习笔记之二（HTML基础之JS）

发布时间：2023-09-06 01:49责任编辑：熊小新关键词：HTML web自动化

HTML中的三把利器的JS 又称为JavaScript，看着好像和Java有点联系，实际上他和java半毛钱关系都没有，JavaScript和我们学习的Python、Go、Java、C++等，都是一种独立的语言，Python的解释器有Python2.7、Python3.x，浏览器具有解释JavaScript的功能，所以它才是HTML的三把利器之一。

在HTML中可以将JavaScript/JS的代码写在head中，被script标签所包裹，当浏览器解释HTML时，遇到style标签时，按照CSS规则解释，遇到Script标签时，按照JavaScript的语法规则解释。

引入JavaScript代码，类似于Python的import

head中引入JS与body中引入JS区别

html代码从上而下解析，如果在head中引入JS，影响页面打开的速度，存在风险，所以通常放在htmlbody的最下方，这样页面内容先展示，最后在加载JS。注：写在最下面要有底线，写在body内部的最底下。

注释

单行注释通过 // 多行通过 /* */

JS变量

name = ‘dsx‘; // 默认全局变量

function func() {

var name = ‘niulaoshi‘; // 局部变量

}

JS基本数据类型（JavaScript 声明数据类型通过new）

字符串

//定义字符串

var str = ‘你开心就好！‘;

var name = ‘大师兄‘;

// 字符串的拼接

var name_str = name+str;

//字符串操作

str = ‘大师兄‘

str.charAt(0) 根据角标获取字符串中的某一个字符 char字符

str.substring(1,3) 根据角标获取字符串子序列大于等于x 小于y

str.length 获取字符串长度

str.concat(‘牛教授‘) 拼接字符串

str.indexOf(‘大师‘) 获取子序列的位置

str.slice(0,1) 切片 start end

str.toLowerCase() 变更为小写

str.toUpperCase() 变更大写

str.split(‘师‘,1) 切片返回数组参数2 为取分割后数组的前x个元素

数字类型（JavaScript 只有一种数字类型。数字可以带小数点，也可以不带）

var age = 18;

var score = 89.22;

number = ‘18‘;

// 字符串转

var n = parseInt(number);

// 转换成小数

f =parseFloat(number)

布尔类型（true 或 false）

var t = true; var f = false;

数组类型（就是Python的列表）

// 第一种创建方式 var list = new Array();

list[0] = ‘大师兄‘;

list[1] = ‘牛教授‘;

// 第二种创建方式

var list2 = new Array(‘大师兄‘,‘牛教授‘);

// 第三种创建方式

var list3 = [‘大师兄‘,‘牛教授‘];

数组操作

var list3 = [‘大师兄‘,‘牛教授‘];

list3.length 数组的长度

list3.push(‘dsx‘) 尾部追啊参数

list3.shift() 头部获取一个元素并删除该元素

list3.pop() 尾部获取一个元素并删除该元素

list3.unshift(‘dsx‘) 头部插入一个数据

list3.splice(start, deleteCount, value) 插入、删除或替换数组的元素

list3.splice(n,0,val) 指定位置插入元素

list3.splice(n,1,val) 指定位置替换元素

list3.splice(n,1) 指定位置删除元素

list3.slice(1,2) 切片;

list3.reverse() 反转

list3.join(‘-‘) 将数组根据分割符拼接成字符串

list3.concat([‘abc‘]) 数组与数组拼接

list3.sort() 排序

对象类型（等同于Python的字典）

var dict = {name:‘dsx‘,age:18,sex:‘男‘ };

var age = dict.age;

var name = dict[‘name‘];

delete dict[‘name‘] 删除

delete dict.age 删除

定时器

setInterval(alert(‘大师兄‘),5000); //参数1 为定时器执行的功能，第二个参数为定时器工作的间隔时间毫秒为单位

function t1() {

console.log(‘我是大师兄‘)

}

setInterval(‘t1()‘, 5000);// 可以运行方法

JS条件判断语句

if (条件) {

执行代码块

} else if (条件) {

执行代码块

} else {

执行代码块

};

if (1 == 1) {

console.log()

} else if (1 != 1) {

console.log()

} else if (1 === 1) {

console.log()

} else if (1 !== 1) {

console.log()

} else if (1 == 1 && 2 == 2) { //and

console.log()

} else if (1 == 1 || 2 == 2) { //or

console.log()

}

switch (a) {

case 1:

console.log(111);

break;

case 2:

console.log(222);

break;

default:

console.log(333)

}

JS循环语句

第一种循环

循环的是角标

tmp = [‘宝马‘, ‘奔驰‘, ‘尼桑‘];

tmp = ‘宝马奔驰尼桑‘;

tmp = {‘宝马‘: ‘BMW‘, ‘奔驰‘: ‘BC‘};

for (var i in tmp) {

console.log(tmp[i])

}

第二种循环

不支持字典的循环

for (var i = 0; i < 10; i++) {

console.log(tmp[i])

}

第三种循环

while (1 == 1) {

console.log(111)

}

函数定义

知识推荐

我的编程学习网——分享web前端后端开发技术知识。垃圾信息处理邮箱 tousu563@163.com 网站地图