JavaScript新手问题
<html><head><metahttp-equiv='content-type'content='text/html;charset=gb2312'><scriptt...
<html>
<head>
<meta http-equiv='content-type' content='text/html;charset=gb2312'>
<script type='text/javascrip'>
function fn2(){alert("我被执行到！")}
</script>
<style type='text/css'>
#fk{ margin-left: auto;
margin-right: auto; }
</style>
<title></title>
</head>
<body>
<div style='width:100px;height:100px;background-color:#ff0000' id='fk' onClick='fn2()'>
</div>
</body>
</html>为啥不能执行呢
还有呢举例说一下调用事件(监听器)的三种方法吗 谢了
<script type='text/javascript'>我改了 我想知道为啥不好使 展开
<head>
<meta http-equiv='content-type' content='text/html;charset=gb2312'>
<script type='text/javascrip'>
function fn2(){alert("我被执行到！")}
</script>
<style type='text/css'>
#fk{ margin-left: auto;
margin-right: auto; }
</style>
<title></title>
</head>
<body>
<div style='width:100px;height:100px;background-color:#ff0000' id='fk' onClick='fn2()'>
</div>
</body>
</html>为啥不能执行呢
还有呢举例说一下调用事件(监听器)的三种方法吗 谢了
<script type='text/javascript'>我改了 我想知道为啥不好使 展开
4个回答
展开全部
在 HTML 中可以直接写事件代码，比如：<input type="button" value="验证" onclick="javascript:Verify();" />，这在各浏览器中的解释均相同
动态添加事件
方法一、setAttribute
var obj = document.getElementById("obj");
obj.setAttribute("onclick", "javascript:alert('测试');");
IE 不支持，IE 并不是不支持 setAttribute 这个函数，而是不支持用 setAttribute 设置某些属性，包括对象属性、集合属性、事件属性，也就是说用 setAttribute 设置 style、class、onclick、onmouseover 这些属性在 IE 中是行不通的。
方法二、用 attachEvent 和 addEventListener（推荐）
IE 支持 attachEvent
obj.attachEvent("onclick", Foo);
function Foo()
{
alert("测试");
}
//也可写在一起，如下：
obj.attachEvent("onclick", function(){alert("测试");});
其它浏览器支持 addEventListener
obj.addEventListener("click", Foo, false);
function Foo()
{
alert("测试");
}
//也可写在一起，如下：
obj.addEventListener("click", function(){alert("测试");}, false);
注意 attachEvent 的事件带 on，如 onclick，而 addEventListener 不带 on，如 click。
综合起来：
if (window.attachEvent)
{
//attachEvent 代码
}
else
{
//addEventListener 代码
}
顺便说一下 addEventListener 的第三个参数（虽然很少用） useCapture - 如果为 true，则 useCapture 指示用户希望启动捕获。启动捕获后，所有指定类型的事件将在被指派到树中其下面的任何 EventTargets 之前指派给已注册的 EventListener。正在通过树向上 bubbling 的事件将不触发指定的使用捕获的 EventListener。更详细的解释，请参见 addEventListener 的第三个参数 useCapture 。
方法三、事件 = 函数名或函数
obj.onclick = FuncName;
function FuncName()
{
alert("go");
}
//也可以写在一起，如下：
obj.onclick = function (event) { alert("go"); };
动态添加事件
方法一、setAttribute
var obj = document.getElementById("obj");
obj.setAttribute("onclick", "javascript:alert('测试');");
IE 不支持，IE 并不是不支持 setAttribute 这个函数，而是不支持用 setAttribute 设置某些属性，包括对象属性、集合属性、事件属性，也就是说用 setAttribute 设置 style、class、onclick、onmouseover 这些属性在 IE 中是行不通的。
方法二、用 attachEvent 和 addEventListener（推荐）
IE 支持 attachEvent
obj.attachEvent("onclick", Foo);
function Foo()
{
alert("测试");
}
//也可写在一起，如下：
obj.attachEvent("onclick", function(){alert("测试");});
其它浏览器支持 addEventListener
obj.addEventListener("click", Foo, false);
function Foo()
{
alert("测试");
}
//也可写在一起，如下：
obj.addEventListener("click", function(){alert("测试");}, false);
注意 attachEvent 的事件带 on，如 onclick，而 addEventListener 不带 on，如 click。
综合起来：
if (window.attachEvent)
{
//attachEvent 代码
}
else
{
//addEventListener 代码
}
顺便说一下 addEventListener 的第三个参数（虽然很少用） useCapture - 如果为 true，则 useCapture 指示用户希望启动捕获。启动捕获后，所有指定类型的事件将在被指派到树中其下面的任何 EventTargets 之前指派给已注册的 EventListener。正在通过树向上 bubbling 的事件将不触发指定的使用捕获的 EventListener。更详细的解释，请参见 addEventListener 的第三个参数 useCapture 。
方法三、事件 = 函数名或函数
obj.onclick = FuncName;
function FuncName()
{
alert("go");
}
//也可以写在一起，如下：
obj.onclick = function (event) { alert("go"); };
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type='text/javascrip'> 少了一个和't'
<script type='text/javascript'>
你是说事件使用的三种方法吗?
1.像你这样直接在HTML 中加
2.动态绑定,如:Element.onclick = fn2或者 Element.onclick = function (){...//jS代码}
大概只有这样吧.
<script type='text/javascript'>
你是说事件使用的三种方法吗?
1.像你这样直接在HTML 中加
2.动态绑定,如:Element.onclick = fn2或者 Element.onclick = function (){...//jS代码}
大概只有这样吧.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
呵呵，
<script type='text/javascrip'>
应该是<script type='text/javascript'>
调用事件的方法：
方法名称 使用描述 示例
直接调用 使用 标记在需要的位置编写JavaScript程序 < P> Hello
< script language=" Javascript" >
document.write" zht" );
< /script>
事件调用 通过在HTML标记的事件中调用JavaScript程序，例如单击事件、鼠标移动和载入事件等 < script language=" JavaScript" >
function sayName(){
alert(" zht" ); }
< /script>
< P onclick=" sayName(); " > Hello
外部连接调用 在单独的.js文件中编写JavaScript程序，然后在HTML文件中链接到.js文件，并在相应的位置调用 文件：Demo.js
function sayName(){
document.write(" zht" ); }
文件：Demo.html
< script language=" JavaScript" src=" Demo.js" > < /script>
< P> Hello
< script> sayName(); < /script>
<script type='text/javascrip'>
应该是<script type='text/javascript'>
调用事件的方法：
方法名称 使用描述 示例
直接调用 使用 标记在需要的位置编写JavaScript程序 < P> Hello
< script language=" Javascript" >
document.write" zht" );
< /script>
事件调用 通过在HTML标记的事件中调用JavaScript程序，例如单击事件、鼠标移动和载入事件等 < script language=" JavaScript" >
function sayName(){
alert(" zht" ); }
< /script>
< P onclick=" sayName(); " > Hello
外部连接调用 在单独的.js文件中编写JavaScript程序，然后在HTML文件中链接到.js文件，并在相应的位置调用 文件：Demo.js
function sayName(){
document.write(" zht" ); }
文件：Demo.html
< script language=" JavaScript" src=" Demo.js" > < /script>
< P> Hello
< script> sayName(); < /script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function fn2(){
alert("我被执行到！");
}
</script>
function fn2(){
alert("我被执行到！");
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
