javascript练习笔记

安利学习网站 http://how2j.cn/

简要介绍

JavaScript必须放在script标签中。标签可以放在HTML的任何地方，一般放在head标签里。

如果有多段script代码，会按照从上到下的顺序依次执行。

JavaScript同css一样，可以从HTML中剥离出来，形成一个单独的文件，在HTML中引用即可。

注释

//单行注释
/*
多行注释
*/

变量

//使用var
  var x = 10;
  document.write("变量x的值:"+x);
//不使用var
  x = 10;
  document.write("没有声明var变量x的值:"+x);
//变量命名规则和java相似
//开头可以用 _$和字母 ，其他部分可以用 $ _ 字母或者数字

<script>
  var b=012;//第一位是0，表示八进制
  var c=0xA;//0x开头表示十六进制
  var d=3.14;//有小数点表示浮点数
  var e=3.14e2;//使用e的幂表示科学计数法
  document.write("十进制 10 的值: "+a);
  document.write("<br>");
  document.write("八进制 012 的值: "+b);
  document.write("<br>");
  document.write("十六进制 0xA 的值: "+c);
  document.write("<br>");
  document.write("浮点数 3.14 的值: "+d);
  document.write("<br>");
  document.write("科学记数法 3.14e2 的值: "+e);
  document.write("<br>");
    //与java不同的是，javascript中没有字符的概念，只有字符串，所以单引号和双引号，都用来表示字符串。
      var x='hello '; //单引号
  var y="javascript"; //双引号，打印出来一样的效果
</script>

调试方法

1.alert（1），会弹出对话框，内容为alert内容（类似于print进行检测）

2.利用浏览器调试

这里准备了一段故意写错的javascript代码。 点击快捷键F12，就会出现console页面。 console是控制台的意思，用于输出一些错误和调试信息。 注意： 虽然这段javascript代码有错误，但是第一次F12是看不到错误的，因为错误已经发生了，才打开了F12。 所以打开了F12之后，使用快捷键F5刷新一下当前页面，就可以看到控制台报出了错误的原因 document.write1 is not a function 这样定位问题就非常方便了 。【console里会出现：TypeError】

此外还有console.log（）等方法，可以进行学习浏览器控制台方法。

类型转换

介绍&转字符串

<script>
  var a="hello javascript";
  document.write("变量a的类型是:"+(typeof a));//NOTICE
  document.write("<br>");
  document.write("变量a的长度是:"+a.length);
</script>


利用toString转换为字符串类型
String()和toString()一样都会返回字符串，区别在于对null的处理
String()会返回字符串"null"
toString() 就会报错，无法执行
<script>
  var a=10;
  document.write("数字 "+a+" 转换为字符串"+a.toString());
  document.write("<br>");
 
  var b=true;
  document.write("布尔 "+b+" 转换为字符串"+b.toString());
  document.write("<br>");
 
  var c="hello javascript";
  document.write("字符串 "+c+" 转换为字符串 "+c.toString());
  document.write("<br>");
 
</script>

数字转字符串有默认模式和基模式两种

<script>
  var a=10; 
  document.write('默认模式下，数字10转换为十进制的'+a.toString()); //默认模式，即十进制
  document.write("<br>"); 

  document.write('基模式下，数字10转换为二进制的'+a.toString(2)); //基模式，二进制
  document.write("<br>"); 
  
  document.write('基模式下，数字10转换为八进制的'+a.toString(8)); //基模式，八进制
  document.write("<br>"); 

  document.write('基模式下，数字10转换为十六进制的'+a.toString(16)); //基模式，十六进制
  document.write("<br>"); 

</script>

字符串转数字

字符串转数字，很像java,不过不用对象，直接使用parseInt即可。

Number()和parseInt()一样，都可以用来进行数字的转换 区别在于，当转换的内容包含非数字的时候，Number() 会返回NaN(Not a Number) parseInt() 要看情况，如果以数字开头，就会返回开头的合法数字部分，如果以非数字开头，则返回NaN

<script>
  document.write("字符串的\"10\"转换为数字的:"+parseInt("10")); //转换整数
  document.write("<br>");
  document.write("字符串的\"3.14\"转换为数字的:"+parseFloat("3.14"));//转换浮点数
  document.write("<br>");
  document.write("字符串的\"10abc\"转换为数字的:"+parseInt("10abc")); //判断每一位，直到发现不是数字的那一位
  document.write("<br>");
 
  document.write("字符串的\"hello javascript\"转换为数字的:"+parseInt("hello javascript")); //如果完全不包含数字，则返回NaN - Not a Number
  document.write("<br>");
 
</script>

Boolean

使用内置函数Boolean() 转换为Boolean值 当转换字符串时： 非空即为true 当转换数字时： 非0即为true 当转换对象时： 非null即为true

Boolean(转换对象)

函数

<script>
function print(){
  document.write("这一句话是由一个自定义函数打印");
}
print();//函数需要调用
</script>

返回值可有可无，根据需要增加参数和返回值。