在head中书写标签,type表示格式为text文档格式:
<script type="text/javascript">
function test(){
alert("Hello World!");
}
</script>
JS为事件驱动的方式执行函数:
<button onclick="function()">点击按钮执行函数</button>
html可视为一个文档,则可以用document获取页面元素:
如:
var div01 = document.getElementById("myDiv01");
//通过Id获取元素
在修改格式中的元素量时,不能直接进行加减,因为无论长度、宽度都带有单位,例:30px。因为JS为弱类型语言,若直接相加,则判定为字符串相加,所以需要对“30px”用substring(起始位置,终结位置)进行截取:
var bw=div01.style.width;
var bwNum=bw.substring(0,bw.indexof("px"));
var aw=(Number(bwNum) + 30) + "px";
//注意此处要将“bwNum”转化为number,否则又是字符串相加!
//数值修改后将px加回来
div01.style.width = aw;
过程为:
30px——>30——>Number(30)——>对数值进行修改——>字符串加上px
常用事件
事件 | 说明 |
---|---|
onclick | 鼠标单击时 |
ondblclick | 鼠标双击时 |
onmousemove | 鼠标移动 |
onmouseup | 鼠标抬起 |
onmouseout | 鼠标移出 |
onmouseover | 鼠标移入 |
onkeyup | 键盘抬起 |
onkeydown | 键盘按下 |
onkeypress | 键盘触动(按下与抬起) |
onchange | 修改内容时 |
onload | 对象载入(如:body、frameset、image) |