黑马程序员技术交流社区

标题: js代码在浏览器中没显示？？ [打印本页]
作者: 柳小龙    时间: 2013-8-13 16:28
标题: js代码在浏览器中没显示？？
<html>
        <head>
                <title>alert demo</title>
                <style type="text/css">
                        .red{
                                color:#d00;
                        }
                        .blue{
                                color:#00d;
                        }
                </style>
        </head>
        <body>
                <script type="text/javascript">
                        document.write("接下来将显示confirm确认对话框！<br/>");
                        if(confirm("是否显示红色文字/n取消将显示蓝色文字")==true){
                                document.write("<h3 class="red">红色文字</h3>");
                                }else{
                                        document.write("<h3 class="blue">蓝色文字</h3>");
                                        }
                </script>
        </body>
</html>
作者: 神之梦    时间: 2013-8-14 00:24
哥们你这都不拿个东西把它装起来、

用这个<>装吧
作者: 柳小龙    时间: 2013-8-14 23:23
什么地方装？？
作者: 神之梦    时间: 2013-8-14 23:29
柳小龙 发表于 2013-8-14 23:23
什么地方装？？

你发帖或者回复的时候，输入文本的地方上边有一排工具栏，例如字体啊，字体颜色啊啥的，就在那一排有<>这个东东
作者: 柳小龙    时间: 2013-8-14 23:35
明白了。。谢谢。。
作者: 柳小龙    时间: 2013-8-14 23:37
js代码在浏览器中没显示？？
  1. <html>
  2.         <head>
  3.                 <title>alert demo</title>
  4.                 <style type="text/css">
  5.                         .red{
  6.                                 color:#d00;
  7.                         }
  8.                         .blue{
  9.                                 color:#00d;
  10.                         }
  11.                 </style>
  12.         </head>
  13.         <body>
  14.                 <script type="text/javascript">
  15.                         document.write("接下来将显示confirm确认对话框！<br/>");
  16.                         if(confirm("是否显示红色文字/n取消将显示蓝色文字")==true){
  17.                                 document.write("<h3 class="red">红色文字</h3>");
  18.                                 }else{
  19.                                         document.write("<h3 class="blue">蓝色文字</h3>");
  20.                                         }
  21.                 </script>
  22.         </body>
  23. </html>
复制代码
作者: 狐灵    时间: 2013-8-14 23:43
本帖最后由 狐灵 于 2013-8-14 23:46 编辑

document.write("<h3 class="red">红色文字</h3>");
document.write("<h3 class="blue">蓝色文字</h3>");
因为你这两句出了问题。class="red">和class="blue">这四个双引号前面都应该转义。下面这个样子就没错了：
  1. <html>
  2.     <head>
  3.         <title>alert demo</title>
  4.         <style type="text/css">
  5.               .red{
  6.                    colord00;
  7.                }
  8.                .blue{
  9.                   color00d;
  10.                 }
  11.        </style>
  12.    </head>
  13. <body>
  14.    <script type="text/javascript">
  15.        document.write("接下来将显示confirm确认对话框！<br/>");
  16.        if(confirm("是否显示红色文字/n取消将显示蓝色文字")==true){
  17.            document.write("<h3 class=\"red\">红色文字</h3>");
  18.        } else {
  19.            document.write("<h3 class=\"blue\">蓝色文字</h3>");
  20.        }
  21.    </script>
  22. </body>
  23. </html>
复制代码
作者: penpen    时间: 2013-8-14 23:47
最讨厌JS找虫了。。。看着恶心的代码{:soso_e134:}



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