文字实现大中小，不知道哪里错了。

本帖最后由韩慧阳于 2012-6-28 10:05 编辑

<!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=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript" src="doctool.js"></script>
<script type="text/javascript">
function changeSize(className){
var divnode=byID("newsid");
divnode.className=className;
}
function change1(id){
var divnode=document.getElementById(id);
divnode.style.fontSize="24px";
}
</script>
<style type="text/css">
.norm{
font-size:16px;
background-color: #39C;
}
.max{
font-size:24px;
background-color:#63C;
}
.min{
font-size:9px;
background-color:#93C;
}
</style>
<body>
<a href="javascript:void(0)" onclick="changeSize('max')">大</a>
<a href="javascript:void(0)" onclick="changeSize('norm')">中</a>
<a href="javascript:void(0)" onclick="changeSize('min')">小</a>
<div id="newsid" >
阿萨德离开家发哦i第三届菲拉斯
阿萨德离开家发哦i第三届菲拉斯
阿萨德离开家发哦i第三届菲拉斯
阿萨德离开家发哦i第三届菲拉斯
</div>
</body>
</html>

复制代码

这是html文件

var doc=document;
function byID(id){
return doc.getElementById(id);
}

复制代码

这是JS文件
网页错误详细信息
用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; CIBA)
时间戳: Thu, 28 Jun 2012 02:05:11 UTC

消息: 无效字符
行: 1
字符: 1
代码: 0
URI: file:///E:/JS/doctool.js

消息: 缺少对象
行: 10
字符: 3
代码: 0
URI: file:///E:/JS/Untitled-1.html

消息: 缺少对象
行: 10
字符: 3
代码: 0
URI: file:///E:/JS/Untitled-1.html

消息: 缺少对象
行: 10
字符: 3
代码: 0
URI: file:///E:/JS/Untitled-1.html

消息: 缺少对象
行: 10
字符: 3
代码: 0
URI: file:///E:/JS/Untitled-1.html

这是哪里错了啊？？

梁俊 · 梁俊

你参数少写了引号了

<a href="javascript:void(0)" onclick="change1('newsid')">大</a>
<a href="javascript:void(0)" onclick="change1('newsid')">中</a>
<a href="javascript:void(0)" onclick="change1('newsid')">小</a><br/>

李文龙 · 李文龙

请将下列代码
<a href="javascript:void(0)" onclick="change1(newsid)">大</a>

<a href="javascript:void(0)" onclick="change1(newsid)">中</a>

<a href="javascript:void(0)" onclick="change1(newsid)">小</a>
红色部分改为
<a href="javascript:void(0)" onclick="change1('newsid')">大</a>

<a href="javascript:void(0)" onclick="change1('newsid')">中</a>

<a href="javascript:void(0)" onclick="change1('newsid')">小</a>
大多时候，出错的原因总是漏掉了引号，分号之类的符号，出错的时候不要慌，耐心检查一下

梁俊 · 梁俊

把外部js的文件复制到html文件中就没问题了，去了
<script type="text/javascript" src="doctool.js"></script>的引用

韩慧阳 · 韩慧阳

不好意思，这是我调试时候的代码，发错了。帖子我改了！

韩慧阳 · 韩慧阳

关键是这么引用为什么就不对呢？

吴小东 · 吴小东

韩慧阳发表于 2012-6-28 10:20
关键是这么引用为什么就不对呢？

这个就像定义方法参数是一样的，比如我们要传一个 String 类型的参数
void show(“str”); 这是第一种
String str="str";
void show(str);这是第二种
如果你不定义str的引用就直接 void show(str)；肯定是不能通过编译的
用单引号是为了和外面的双引号分开标示范围

韩慧阳 · 韩慧阳

毕老师的视频里就是这么讲的啊，应该怎么改呢？？

闾丘日月 · 闾丘日月

css样式里用的类选择器，你怎么改变id的值都没用的
把样式里的类选择器和你要修改的属性搞成一致就好了

帐号		自动登录	找回密码
密码			加入黑马

文字实现大中小，不知道哪里错了。

8 个回复

黑马骑士勋章