js基础,点击换图片，带参数

最新推荐文章于 2022-04-18 00:20:15 发布

爱哭的星辰

最新推荐文章于 2022-04-18 00:20:15 发布

阅读量515

点赞数

本文链接：https://blog.csdn.net/LALA__ddd/article/details/74931768

版权

点击换图片：

js代码：

var x=0;
function text8(){
	
	var c=document.getElementById("img4");
	c.src=(++x%3+1)+".jpg";
}

html代码：

<img src="1.jpg" id="img4" οnclick="text8()" style="height:300px;width:300px" title="222"/>

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

js代码：

function text5(){
	var i=document.getElementById("img2");
	i.src="3.jpg";
	alert(i.src);
	alert(i.id);
}

html代码：

<input type="button" value="点我呀！点两下" class="a2" οndblclick="text5()"/>

prompt() 弹出个输入框让你输入东西

js代码：

function text3(){
	prompt("你是猪吗？");
}

html代码：

<input type="button" value="点我呀！" class="a1" οnclick="text3()"/>

confirm() 弹出个确认框（确定，取消）

js代码：

function text2(){
	alert(confirm("好几个接口"));
}

HTML代码：

<input type="button" value="点我呀！" class="a1" οnclick="text2()"/>

带参数：

js代码：

function text9(y){
	
	alert(y);
}

HTML代码：

<img src="1.jpg" id="img3" οnclick="text9(this.src)" style="height:300px;width:300px" title="222"/>

点击字更换图片；

js代码：

function text6(){
	var a=document.getElementById("span1");
	a.innerHTML="<br/><img src='2.jpg'/>";
	alert("hhhh");
}

HTML代码：

<span id="span1" οnclick="text6()">哈哈哈</span>

关注