软件测试基础——JS（七）

一、javascript语言（JS）

负责控制web前端结构的两者：结构与样式

二、JS基础语法

1、写script标签，放在HTML页面的最后位置；

2、从script标签中间写alert；

<script type="text/javascript">
	alert('弹出窗口')
</script>

三、js的事件

事件定义：在什么情况下，执行什么命令

事件三要素：事件源.事件类型=执行的命令

document.getElementById('div1').onclick=function(){
    alert('弹出窗口')
    }
document.getElementsByClassName('p1')[0].ondblclick=function(){
	alert('双击弹出')
    }

四、js的书写位置

1、内嵌式：写在HTML中放在script标签里；

2、外链式：写在单独的js文件中，通过src来链入到HTML页面；

3、行内式：写在HTML标签上

五、js常见特效

1、js实现动画效果：测试时要多次触发动画，查看动画是否有累积的情况

2、模态窗口：弹两层：一个负责盖住下面的其他页面内容，另一个是用户操作的层；只允许用户操作弹出的那个层

3、自定义单选、多选、下拉菜单：需html+css+js组合实现，需按要求实现