JavaScript——基本格式

本文介绍了JavaScript的事件驱动编程,如何通过
摘要由CSDN通过智能技术生成

在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)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值