JavaScript小白常用代码

in 前端 with 0 comment

普通弹窗(对话框)

<script>alert("hello world!");</script>

写入字符(打印文本)

<script>document.write("hello world!")

onclick事件处理

//第一种
<input type="button" onclick="alert('hello world!')" value="点我弹出对话框">
//第二种
<button type="button" onclick="alert('hello world!')">点我弹出对话框</button>

onmouseover事件处理

<img src="图片地址" alt="image1" onmouseover="alert('hello world!')"/>

利用onmouseover和onmouseout实现图像翻转

<img src="图片1路径" alt="图片1" onmouseover="this.src='图片2路径';" onmouseout="this.src='图片1路径';"/>
Responses