HTML有很多网站小组件，比如下面的按钮小组件：
请看以下代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>展示小组件</title> </head> <body> <button>点击发送信息</button> </body> </html> |
利用Button标签我们创建了一个按钮。此时点击按钮没有反应。我们输入下面的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>展示小组件</title>
</head>
<body>
<button οnclick="play()">点击发送信息</button>
</body>
<script>
function play(){
alert("你已点击");
}
</script>
</html>
|
这次在button标签内多了个onclick。onclick指当鼠标单击时的事件，创建了play()函数。<script>标签是指JavaScript脚本。
什么是JavaScript脚本？
就是网站内的事件判断与反应脚本。还有和onclick更多的反应如下表：（转载于菜鸟教程，官网：链接）
| 属性 | 值 | 描述 |
|---|---|---|
| onafterprint | script | 在打印文档之后运行脚本 |
| onbeforeprint | script | 在文档打印之前运行脚本 |
| onbeforeonload | script | 在文档加载之前运行脚本 |
| onblur | script | 当窗口失去焦点时运行脚本 |
| onerror | script | 当错误发生时运行脚本 |
| onfocus | script | 当窗口获得焦点时运行脚本 |
| onhashchange | script | 当文档改变时运行脚本 |
| onload | script | 当文档加载时运行脚本 |
| onmessage | script | 当触发消息时运行脚本 |
| onoffline | script | 当文档离线时运行脚本 |
| ononline | script | 当文档上线时运行脚本 |
| onpagehide | script | 当窗口隐藏时运行脚本 |
| onpageshow | script | 当窗口可见时运行脚本 |
| onpopstate | script | 当窗口历史记录改变时运行脚本 |
| onredo | script | 当文档执行再执行操作（redo）时运行脚本 |
| onresize | script | 当调整窗口大小时运行脚本 |
| onstorage | script | 当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本 |
| onundo | script | 当文档执行撤销时运行脚本 |
| onunload | script | 当用户离开文档时运行脚本 |
HTML视频小组件：
比如video视频播放器，请看以下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>展示小组件</title>
</head>
<body>
<h3>视频展示</h3>
<video src="/storage/emulated/0/DCIM/Camera/VID20230125114514.mp4" width="320" height="180" alt="playvideo" controls=""
</video>
</body>
</html>
|
运行结果如下：
就出现了一个视频播放器，格式如下：
| <video src="文件路径" width="宽度" height="高度" control=""><video> |
|---|
还有图片展示，格式也一样，标签是<img>，src属性是文件地址。
1437
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
