没办法实现“编程词典网”成为一个链接，并且在鼠标按下时改变颜色，松开时恢复颜色并打开一个新窗口
来源：4-3 [JavaScript]属性操作
慕斯卡5410818
2017-09-15 17:29
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gd2312">
<title>制作我的第一个网页</title>
</head>
<body>
<h1>标题1</h1>
<p id="p1" style="color:red" onmousedown="onmousedown()" onmouseup="onmouseup()"><u>编程词典网</u> </p> <!--设置一个超链接-->
<script language="javascript">
function mousedown(event) <!--鼠标按下时调用函数-->
{
var e=window.event;
var obj=e.srcElement;
obj.style.color=‘green’;}
function mouseup(event) <!--鼠标松开时调用函数-->
{
var e=window.event;
var obj=e.srcElement;
obj.style.color=‘red’;
window.open("","编程词典网","") <!--改变颜色并打开一个新窗口-->
}
</script>
</body>
</html>
写回答
关注
3回答
-
- 积年
- 2017-09-15 20:33:09
像这样
-
- qq_慕慕947699
- 2019-10-21 18:57:28
... -
- 积年
- 2017-09-15 20:19:04
首先你在p上绑定的onmousedown和onmouseup事件触发的函数是onmousedown()和onmouseup()，可是你下面定义的函数是mousedown()和mouseup()，其次你把定义的函数里面的obj.style.color后面的颜色用中文单引号圈起来了，应该用英文单引号或者双引号；另外你在js里写注释的格式也问题，单行注释用//多行用/* ...*/
JavaScript深入浅出
由浅入深学习JS语言特性，且解析JS常见误区，从入门到掌握
281111 学习 · 1020 问题
相似问题