功能:
用于在HTML页面中,添加JavaScript代码。
注意:
1)
2、请说明script标签在使用时,有哪些注意事项?
js文件从上向下运行,未在函数里且在HTML寻找标签的js代码最好放在body最底部
引入外部文件的 script 标签中 不能再写代码
3、请写出常用的鼠标事件都有哪些?作用分别是什么?(至少写出6个)
事件名称 | 作用 |
---|---|
onclick | 鼠标单击 |
ondblclick | 鼠标双击 |
onmousedown | 按下鼠标按键 |
onmouseup | 松开鼠标按键 |
onmouseover | 鼠标指针移动到标签上 |
onmouseout | 鼠标从标签上移开 |
onmousemove | 鼠标被移动 |
onkeydown | 按下键盘按键 |
onkeyup | 松开键盘按键 |
onkeypress | 敲击键盘按键 |
onchange | 用户改变域的内容 |
onfocus | 标签获得焦点 |
onblur | 标签失去焦点 |
onsubmit | 提交按扭被点击 |
onreset | 重置按扭被点击 |
onresize | 窗口尺寸被调整 |
onload | 页面加载完成 |
onunload | 用户退出页面 |
4、请写出给HTML标签,添加事件的两种方式?
5、请简单介绍document文档对象以及他的作用是什么?
通过document文档JavaScript 能够访问和改变 HTML 文档的所有元素。
6、请列出document对象常用的属性和方法?(至少写出6个)
document.getElementById(id):通过元素 id 来查找元素
document.getElementsByTagName(name):通过标签名来查找元素
document.getElementsByClassName(name):通过类名来查找元素
document.createElement(element):创建 HTML 元素
document.removeChild(element):删除 HTML 元素
document.appendChild(element):添加 HTML 元素
document.replaceChild(element):替换 HTML 元素
document.write(text):写入 HTML 输出流
document.getElementById(id).onclick = function(){code}:向 onclick 事件添加事件处理程序
7、请说明驼峰命名规则的特点?
1、大驼峰:如果名字由多个单词组成的话,那么每一个单词的首字母必须大写
MovePlane 、UserName、Person
2、小驼峰:如果名字由多个单词组成的话,从第二个单词开始,每个单词的首字母必须大写
movePlane、userName、person
大驼峰:类名
小驼峰:变量名、函数名、数组名、属性名、方法名
8、请写出JS操纵标签属性的语法格式?
var变量 = 标签对象.属性名;
用于获取标签的某个属性的值。
标签对象.属性名 = 值;
用于设置标签的某个属性值。
9、请写出标签所有offset属性以及作用分别是什么?
var 变量 = 标签对象.offsetWidth;
var 变量 = 标签对象.offsetHeight;
var 变量 = 标签对象.offsetLeft;
var 变量 = 标签对象.offsetTop;
offsetWidth 获取标签对象的宽
offsetHeight获取标签对象的高
offsetLeft获取标签对象的宽左边距
offsetTop获取标签对象的上边距
10、请写出设置双标签显示内容的两个JS属性,以及这两个属性的区别是什么?
标签对象.innerHTML
标签对象.innerText
innerHTML设置或获得标签内部html内容
innerText设置或获得标签内容text内容
11、请写出JS操纵标签样式的语法格式?(包括:操纵style、操纵class)
标签对像.style.样式名 = 值;
标签对像.className = 类名;
document.getElementById(‘id名’).style.属性=””;
document.getElementById(‘id名’).className=””;
12、请简单说明JS中this关键字的作用及特点?
13、请简单说明什么是事件冒泡?以及如何阻止事件冒泡?
在一个对象上触发某类事件(比如单击 onclick 事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即 document 对象(有些浏览器是 window)
阻止事件冒泡:
第一种:event.stopPropagation();
第二种:return false;
第三种:event.preventDefault();
14、请写出JS操纵video标签时,都有哪些常用的属性和方法?
视频标签对像.play() :开始播放视频。
视频标签对像.pause():暂停当前播放的视频。
视频标签对像.currentTime :设置或返回视频中的当前播放位置(以秒计)。
视频标签对像.muted :设置或返回是否关闭声音。
视频标签对像.pause():视频暂停
视频标签对像.currentTime =秒数; 设置播放时间从几秒开始