查看: 175|回复: 0

[趣味课堂] JS中的小问题


17-9-13 22:51:10 | [复制链接]

2

主题

8

帖子

48

积分

菜鸟

Rank: 1

发表于 17-9-13 22:51:10 | 显示全部楼层 |阅读模式
一、使用内部引用方法引用Js时添加含有</script>的注释

如下:

  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>deom</title>
  6. </head>
  7. <body>
  8.      <script>
  9.          alert("hello!");
  10.          /*</script>*/
  11.          alert("js");
  12.      </script>
  13. </body>
  14. </html>
复制代码

这样写的话,被注释掉的</script>会被当成结束标签,后面的Js语句都会当成Html代码解析,前面的Js语句也会因为语法问题不能执行。所以Js代码最好从外部引用,在内部引用的话,注释的时候要注意注释里不能有</script>。

二、无法直视的问题

直接看代码吧

  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title></title>
  6. </head>

  7. <body>
  8.     <input id="txt" type="text">
  9.     <input id="sub" type="button" value="求平方">
  10.    
  11.     <script>
  12.         var oTxt = document.getElementById("txt");
  13.         var oBtn = document.getElementById("sub");

  14.         oBtn.onclick = function(){
  15.             var iNum = parseInt(oTxt.value);//1
  16.             alert(iNum * iNum);
  17.         };
  18.         
  19.     </script>
  20.    
  21. </body>
  22. </html>
复制代码

最开始的时候我是把代码中 var iNum = parseInt(oTxt.value); 这句话放到点击事件onclick外面的,怎么也不出来结果,最后发现问题是当程序开始执行时就去获取输入框得值,可是这时候还没有输入,里面没有值,所以会出错,放到点击事件里就会在点击按钮的时候才会获取输入框的值,这时你已经往里面输值了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新活动

  • “千”锋大折扣  现报名春节后课程的学员学费优惠1000元

千锋教育公众号

关闭

小千推荐上一条 /1 下一条

订阅|小黑屋|手机版|千锋教育论坛 ( 京ICP备12003911号-3

GMT+8, 17-11-18 09:00 , Processed in 0.409051 second(s), 36 queries .

Powered by Discuz! X3.2

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表