javascript学习

1 javascript注释
单行注释 // 单行注释
多行注释
/*
多行注释
多行注释多行注释
*/
2 输出内容
document.write();
<script type="text/javascript">
  document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。
</script>
3 弹出警告
alert(字符串或者变量);
4 确认窗口
confirm(str);
str是限速在对话框中的文本
点击确定适合返回true 点击取消的时候返回false
<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大，要学习噢!");   }
</script>
5 提问
prompt(str1,str2);
str1:要显示在消息对话框中的文本，不可修改
str2:文本框的内容可以修改
点击确定按钮，文本框中的内容将作为函数返回值
点击取消按钮，将返回null
var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }
6 通过id获取元素
 document.getElementById(“id”)
7 innerHTML 属性用于获取或替换 HTML 元素的内容
<script type="text/javascript">
  var mychar= document.getElementById("con");     
  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
 
  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>
8 改变HTML样式
Object.style.property=new style;
<script>
   var mychar = document.getElementById("pcon");
   mychar.style.color="red";
   mychar.style.fontSize="20";
   mychar.style.backgroundColor ="blue";
</script>
9 显示和隐藏
Object.style.display = value
<title>display</title>
    <script type="text/javascript">
        function hidetext() 
        { 
        var mychar = document.getElementById("con");
        mychar.style.display = "none";
        } 
        function showtext() 
        { 
        var mychar = document.getElementById("con");
         mychar.style.display = "block";
        }
    </script>
   
10 JavaScript 更改class样式
<style>
    body{ font-size:16px;}
    .one{
        border:1px solid #eee;
        width:230px;
        height:50px;
        background:#ccc;
        color:red;
    }
    .two{
        border:1px solid #ccc;
        width:230px;
        height:50px;
        background:#9CF;
        color:blue;
    }
    </style>
   
    <script type="text/javascript">
       function add(){
          var p1 = document.getElementById("p1");
          p1.className = "one"
         
       }
       function modify(){
          var p2 = document.getElementById("p2");
          p2.className = "two";
         
       }
    </script>
原始类型
    5种原值类型：Undefined  Null  Boolean Number  String

    当变量声明了但是没有被初始化，那么变量的值是undefined
    可以用typeof运算符来判断一个变量是什么类型
    null和undefiend是相等的

    转换
    1 转换成字符串
    toString()
    2转换成数字
    parseInt()
    parseFloat()
    2 强制类型转换
    Boolean();
    Number();
    String()
String 的一些常用方法
    1 返回指定的字符串首次出现的位置
    stringObject.indexOf("查找的字符串","从第几个位置开始查找可选");
    从0开始查找，所以最小结果是0，找不到就是-1
    var str = "i love javascript";
    str.indexOf("I");
    2 字符串分割
    stringObject.split(separator,limit);
    separator 分割符
    limit可选 分割几次
    var mystr = "www.imooc.com";
    document.write(mystr.split(".")+"<br>"); //www,imooc,com
    document.write(mystr.split(".", 2)+"<br>");// www,imooc
    3 提取字符串
    stringObject.substring(开始位置，结束位置可选);
     返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。
    如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
    如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。
    var mystr="I love JavaScript";
  document.write(mystr.substring(7));//JavaScript
  document.write(mystr.substring(2,6));//love
   4 提取指定数目的字符串
   stringObject.substr(startPos,length)
   如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
   var mystr="I love JavaScript!";
  document.write(mystr.substr(7));//JavaScript!
  document.write(mystr.substr(2,4));//love

  Math对象常用方法
  1 向上取整
  Math.ceil(x);
  Math.ceil(0.8);//1
  Math.ceil(6.3);//7
  Math.ceil(-5.9);//-5
  Math.ceil(-5.1);//-5
  2 向下取整
  Math.floor(x);
  Math.floor(0.8);//0
  Math.floor(6.3);//6
  Math.floor(-5.1);//-6
  3 四舍五入
  Math.round(x);
  4 随机数
  random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。
  Math.random();
  document.write(Math.random());//0.190305486195328