测开之路九十九：js函数、事件、window窗体对象

函数:function 函数名(参数列表) 事件单击:onclick()表单提交:onsubmit()鼠标经过:onmouseover()值改表时:onchange() window窗体对象转跳:window.location = url 警告框:alert() 确认框:confirm("messge"),返回true 和false 接收用户输入 prompt("请输入内容", "默认值") <!DOCTYPE html><h…

测开之路九十八：js变量和语句

这里为了方便调试,在jsbin网站上面编写js脚本:https://jsbin.com/?js,console 可以点击增加/减少对应展示分页,Console为控制台部分,Output为页面部分变量和运算 if语句 switch case while do while for循环 for in var a = 10;var b = 20.5;console.log(typeof a);console.log(a+b);console.log(a>b);console.log(a<b &…

测开之路九十六：css进阶之元素显示和可见性

元素显示效果:display 块级元素,会导致换行:p.div.h...内联元素,不会导致换行:span.strong... 修改属性让span标签换行让指定div不换行元素可见性:visibility 一:影藏内容和位置:display: none 二:正常显示:visibility: visible 三:影藏内容,不影藏位置:visibility: hidden css /* 元素显示 *//*让span标签换行*//*span{ display: block; }*/ /*让div不…

测开之路九十五：css进阶之光标和溢出内容处理

光标样式:cursor 准备文字 css 溢出内容处理:overflow,默认溢出部分是显示先把内容放到盒子里面正常显示不显示溢出内容显示为滚动条自动处理 css /* 光标样式 */p{ /* 默认default */ cursor: default; /*!*pointer:小手.*!*/ /*cursor: pointer;*/ /*!*text.*!*/ /*cursor: text;*/ /*!*移动样式move*!*/ /*cursor: move;*/} /* 溢出内容…

测开之路九十四：css之盒子模型

盒子模型为了演示方便,把内容放到盒子里面引用css 演示内容外边距: 4个方向分开写简写为一条指令,顺序为上右下左简写为一条指令,第一个值为上下,第二个值为左右简写为一条指令,只有一个值时,即四个方向的距离都为此值内间距 4个方向分开写简写为一条指令,顺序为上右下左简写为一条指令,第一个值为上下,第二个值为左右简写为一条指令,只有一个值时,即四个方向的距离都为此值边框边框距离:border-width边框样式:border-style None则为无边框颜色:border…

测开之路九十二：css之背景色和背景

引用css 设置背景色: 背景图片整个页面的背景图片图片当局部背景图也可以简写 css /* css基本样式 */ /* 设置p标签的文字前景色.背景色 */p{ /*字体颜色为蓝色*/ color: blue; /*背景色为黑色*/ background-color: black;} /*把图片当整个页面的背景*/body{ /*图片的地址*/ background-image: url("../img/timg.jpg"); /*固定背景图,当文字过长拖动的时候,不跟随文字滚…

测开之路九十：css的引用方式

第一种:内联,直接在标签里面加style属性,优先级别最高,但是不利于维护第二种:页面嵌入,在head标签里面写一个style标签,以类选择器的形式写入,优先级别第二第三种:外联,样式表链接,单独写一个css文件,在html的head里面用link标签引用 css /* 定义body的背景色为紫色 */body{ background: blueviolet;} html <!DOCTYPE html><html lang="en"><head>…

关于js函数，方法，对象实例的一些说明

朋友们大家好,好久没有更新文章了,最近正好有空就想着写点什么吧,加上这段时间总是能听到一些朋友们问关于js函数,方法,对象实例到底有什么区别这个问题,所以今天就献丑来简单说明一些吧! 其实这些主要都是一些概念上的东西,在这里还是推荐大家多看看诸如<JavaSript权威指南>,<JavaScript高级编程>之类的书籍,当然这些概念如果用代码写出来我相信大家也都还是能够知道的,所以下面我就用文字和代码举一些简单的例子进行说明: 函数:简单的说函数就是,使用function关键字定义…

测开之路三十九：js基础

js的两种使用方式第一种使用方式:单独写js文件在static下新建一个js文件并写入内容 alert('这是一个弹窗'); 在html文件里面,用script标签引入 <script src="/static/calcolator.js" ></script> 在主程序里面调用html from flask import Flaskfrom flask import render_template app = Flask(__name__) @app.ro…

测开之路九十七：js的引用方式

第一种:引用外部js文件准备一个js文件 <script src="../js/js01.js"></script> 第二种:把js写在HTML里面,不一定是head,然和位置都可以引用js,根据实际情况引用 <script> document.write("<h1>这是js内嵌标签插入的html代码</h1>&q…

测开之路七十七：性能测试蓝图之js

//定义全局的editor = nullvar editor = null; //ace_editor的初始化函数function ace_editor() { var editor = ace.edit("editor"); //初始化对象,"editor"为前端页面的id //设置风格和语言(更多风格和语言,请到github上相应目录查看) //editor.setTheme("ace/theme/clouds"); //编辑界面的主题--云…

测开之路七十一：监控平台之js

监控平台的js //datetimepicker的初始化函数(主要是对选择时间的下拉框)function init_datetimepicker() { //初始化格式和规则 $('#start').datetimepicker({ autoclose : true, //为true时,选择完下拉框自动关闭 format: 'yyyy-mm-dd hh:ii:ss', //选择完后,在前端展示的样式格式,尽量与后端保持一致 minView: 0, //能选择到的最小单位,0表示可以选择小时.分钟…

测开之路六十五：UI测试平台之js

//添加网址的函数,生成一个输入网址的标签,并且把标签append到id为cases下function browser() { var html = '\ <div class="row" command="browser">\ <label>打开网址:</label>\ <input type="text" placeholder="http://www.baidu.com/">…

测开之路四十一：常用的jquery函数

jQuery选择器菜鸟教程:https://www.runoob.com/jquery/jquery-selectors.html 引用jquery2.1.1标签:<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> $(this).hide:演示 jQuery hide() 函数,隐藏当前的 HTML 元素.$("#test").hide():演…

测开之路十：函数&参数

def 函数名(): 函数代码块 return 返回值参数必备参数:位置参数,调用函数时必须有值传入默认参数,调用如果没有传值使用默认值不定长参数 *args:想传多少传多少,必须放在位置参数后面关键字参数**kwargs,可以传入多个key与value ''' 实现四则运算的计算器,程序出现错误返回None '''…

测开之路一百三十三：实现sql函数封装

连接数据库的频率很高,所以把数据库操作封装起来函数封装: def make_dicts(cursor, row): """ 将游标获取的Tuple根据数据库列表转换为dict """ return dict((cursor.description[idx][0], value) for idx, value in enumerate(row)) def get_db(): """ 获取(简历数据库链接) g: fl…

测开之路一百零九：bootstrap列表

bootstrap列表引入bootstrap标签原本的效果水平显示 bootstrap列表列表组合框在组合框后面加备注突出显示 a标签列表 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap布局</title>  <me…

测开之路八十三：高级函数：map()和filter()

# map(函数名,可迭代对象)# 给可迭代对象的每个值+5l = list(range(1, 21)) def add_number(x): return x + 5 # 第一种方式print([x + 5 for x in l]) # 第二种方式print(list(map(add_number, l))) # 第三种方式print(list(map(lambda n: n + 5, l))) # filter(函数名,可迭代对象)# 找偶数l = list(range(1, 11))…

测开之路八十二：匿名函数：lambda表达式

# 匿名函数:lambda表达式# lambda 参数: 逻辑f = lambda name: print(name)f('tom') f2 = lambda x, y: x + yprint(f2(4, 6)) # 实现根据输入的筛选条件执行不同的函数def hello_chinese(name): print('你好', name) def hello_english(name): print('hello', name) operation = { 'c': hello_…

测开之路七十九：python 文件处理和对象的写入读取

"""处理文件:open(文件名, 模式,编码) 'r' 打开阅读(默认)'w' 打开写入,首先截断文件'x' 打开独占创建,如果文件已经存在则失败'a' 打开写入,追加到文件末尾(如果存在)'b' 二进制模式't' 文本模式(默认)'+' 打开磁盘文件进行更新(读取和写入)""" # 用with上下文的方式时,一旦跳出次上下文,会自动关闭当前操作的文件# 覆盖写入, w(write)with open('hello.txt', 'w', enc…

测开之路七十八：shell之函数和参数

函数 function function_name(){ statement1 Statement2 .... statementn} function_name $var1 $var2 .... 传参原理参数 $0 当前脚本的文件名 $n 传递给脚本或函数的参数. $# 传递给脚本或函数的参数个数. $* 传递给脚本或函数的所有参数.(把所有参数视为一个参数,不可迭代) $@ 传递给脚本或函数的所有参数.(可迭代每一个参数) $? 上个命令的退出状态,或函数的返回值.…

测开之路六十二：接口测试平台之公共的js、html、平台入口

common.js //定义后台的host和端口var host = 'http://192.168.xxx.1:8000'; //'http://127.0.0.1:8000'; //用于发送http请求function http(url, data, method, success, fail){ //如果是get请求,直接传参,如果是其他请求,以json的格式传参 var data = method == 'GET' ? data : JSON.stringify(data) consol…