黑马程序员技术交流社区

标题: 文字实现大中小，不知道哪里错了。 [打印本页]
作者: 韩慧阳    时间: 2012-6-28 09:57
标题: 文字实现大中小，不知道哪里错了。
本帖最后由 韩慧阳 于 2012-6-28 10:05 编辑
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. </head>
  7. <script type="text/javascript" src="doctool.js"></script>
  8. <script type="text/javascript">
  9. function changeSize(className){
  10. var divnode=byID("newsid");
  11. divnode.className=className;
  12. }
  13. function change1(id){
  14. var divnode=document.getElementById(id);
  15. divnode.style.fontSize="24px";
  16. }
  17. </script>
  18. <style type="text/css">
  19. .norm{
  20. font-size:16px;
  21. background-color: #39C;
  22. }
  23. .max{
  24. font-size:24px;
  25. background-color:#63C;
  26. }
  27. .min{
  28. font-size:9px;
  29. background-color:#93C;
  30. }
  31. </style>
  32. <body>
  33. <a href="javascript:void(0)" onclick="changeSize('max')">大</a>
  34. <a href="javascript:void(0)" onclick="changeSize('norm')">中</a>
  35. <a href="javascript:void(0)" onclick="changeSize('min')">小</a>

  37. <div id="newsid" >
  38. 阿萨德离开家发哦i第三届菲拉斯

  40. 阿萨德离开家发哦i第三届菲拉斯

  42. 阿萨德离开家发哦i第三届菲拉斯

  44. 阿萨德离开家发哦i第三届菲拉斯

  46. </div>
  47. </body>
  48. </html>
复制代码
这是html文件
  1. var doc=document;
  2. function byID(id){
  3. return doc.getElementById(id);
  4. }
复制代码
这是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

这是哪里错了啊？？


作者: 梁俊    时间: 2012-6-28 09:59
你参数少写了引号了

<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/>
作者: 李文龙    时间: 2012-6-28 10:08
请将下列代码
<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>
大多时候，出错的原因总是漏掉了 引号，分号之类的符号，出错的时候不要慌，耐心检查一下
作者: 梁俊    时间: 2012-6-28 10:12
把外部js的文件复制到html文件中就没问题了，去了
    <script type="text/javascript" src="doctool.js"></script>的 引用
作者: 韩慧阳    时间: 2012-6-28 10:13
不好意思，这是我调试时候的代码，发错了。  帖子我改了！
作者: 韩慧阳    时间: 2012-6-28 10:20
关键是这么引用为什么就不对呢？
作者: 吴小东    时间: 2012-6-28 12:47
韩慧阳 发表于 2012-6-28 10:20
关键是这么引用为什么就不对呢？

这个就像定义方法参数是一样的，比如我们要传一个 String 类型的参数
void show(“str”); 这是第一种
String str="str";
void show(str);这是第二种
如果你不定义str的引用就直接 void show(str)；肯定是不能通过编译的
用单引号是为了和外面的双引号分开标示范围
作者: 韩慧阳    时间: 2012-6-28 13:22
毕老师的视频里就是这么讲的啊，应该怎么改呢？？
作者: 闾丘日月    时间: 2012-6-28 17:48
css样式里用的类选择器，你怎么改变id的值都没用的
把样式里的类选择器和你要修改的属性搞成一致就好了



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2