JS+DOM编程艺术读书笔记二

最新推荐文章于 2020-06-16 14:21:06 发布

萧萧可乐

最新推荐文章于 2020-06-16 14:21:06 发布

阅读量513

点赞数

分类专栏： JS系列文章标签：读书编程 xhtml 百度 html

本文链接：https://blog.csdn.net/NIHAOX1/article/details/6978410

版权

JS系列专栏收录该内容

23 篇文章 0 订阅

订阅专栏

JS+DOM编程艺术读书笔记二
对于onclick的运用

调用return false; 可以使其返回无效值实例代码：

<html>
<body bgcolor="#FFFFFF">
<div><a href="http://www.baidu.com" onClick="a();return false;">百度！</a></div>
</body>
<script type="text/javascript">
function a()
{
	document.body.bgColor="#669900";
}
</script>
</html>

对于nodeValue的小细节
每个标签下的文本并不是该标签的nodeValue
如果要调用该标签的文本要使用childNodes[0]
实例代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<script type="text/javascript">
function a()
{
	var show=document.getElementById("show");
	alert(show.childNodes[0].nodeValue);
}
</script>
<body>
<p id="show">输入对应数字：改变对应方框的颜色：</p>
<button οnclick="a()">点击我</button>
</body>
</html>

这次的记录没有比较有价值的标签或者函数介绍
主要的地方在于
一些小细节的地方。。。。

另外有几个问题想问的不知道牛人能不能回答下：

<html>
<body bgcolor="#FFFFFF">
<div><a href="http://www.baidu.com" onClick="a()">百度！</a></div>
</body>
<script type="text/javascript">
function a()
{
	document.body.bgColor="#669900";
	return false; //添加在这里 能否实现onclick的无效？
}
</script>
</html>

昨天在论坛里问了关于onclick的问题

现在把结果记下来吧

<html>
<body bgcolor="#FFFFFF">
<div><a href="http://www.baidu.com" onClick="return a()">百度！</a></div>
</body>
<script type="text/javascript">
function a()
{
    document.body.bgColor="#669900";
    return false;   
}
</script>
</html>

使用return a() 进行调用就OK了！

萧萧可乐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS+DOM编程艺术读书笔记二

JS+DOM编程艺术读书笔记二对于onclick的运用调用return false; 可以使其返回无效值实例代码：百度！function a(){ document.body.bgColor="#669900";}对于nodeValue的小细节每个标签下的文本并不是该标签的nodeValue如果要调用该标签的文本要使用childN
复制链接

扫一扫