定义变量使用关键字var

 1.变量必须使用字母、下划线(_)或者美元符($)开始。

    2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

    3.不能使用JavaScript关键词与JavaScript保留字。

<h2 id="con">javascript</H2>

var mychar=document.getElementById("con");

  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

  mychar.innerHTML="Hello World!";

//我的没错啦！！！

function openWindow()

    {

      var mymessage=confirm("确定打开吗？");  

      if(mymessage==true)

      {

      var adr;

      adr=prompt("请输入网址：","http://www.imooc.com");

      if(adr)

         {

          window.open(adr,'width=400,height=500');

         }

         else if(adr==0)

         {

          document.write("请输入网址！");

         }

         else{}

      }

    }

<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

打开新窗口

var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }

询问框

<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大，要学习噢!");   }
</script>

confirm 消息对话框！！！

function 函数名(){
     函数代码;
}

<form>

  <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->

    <input type="button" value="改变颜色" onClick="changeColor()" >  

    <input type="button" value="改变宽高" onClick="changeWh()">

    <input type="button" value="隐藏内容" onClick="hideDom()">

    <input type="button" value="显示内容" onClick="showDom()">

    <input type="button" value="取消设置" onClick="confirmChange()" >

  </form>

  <script type="text/javascript">

//定义"改变颜色"的函数

    function changeColor(){

      var dom=document.getElementById("txt");  

      dom.style.color="red";

    }

//定义"改变宽高"的函数

    function changeWh(){

      var dom=document.getElementById("txt");  

      dom.style.width="200px";

      dom.style.height="300px";

    }

//定义"隐藏内容"的函数

    function hideDom(){

      var dom=document.getElementById("txt");  

      dom.style.display="none";

    }

//定义"显示内容"的函数

    function showDom(){

      var dom=document.getElementById("txt");  

      dom.style.display="block";

    }

//定义"取消设置"的函数

   function confirmChange(){

       var sure=confirm("是否取消设置？");

       var dom=document.getElementById("txt"); 

       if(sure==true){

           dom.style.display="block";

           dom.style.width="600px";

           dom.style.height="400px";

           dom.style.color="#000";

       }

    }

  { document.write("");}
  文本写（""）

var myage

变量和变量名  我的年龄

单行注释，在注释内容前加符号 “//”。

<script type="text/javascript">
  document.write("单行注释使用'//'");  // 我是注释，该语句功能在网页中输出内容</script>

多行注释以"/*"开始，以"*/"结束。

<script type="text/javascript">
   document.write("多行注释使用/*注释内容*/");   /*
    多行注释
    养成书写注释的良好习惯
   */</script>

function openWindow(){

        var openSwitch=confirm("是否打开网站！");

        if (openSwitch==true){

            var address=prompt("请确认网址","http：//www.imooc.com/");

           if(address=='http：//www.imooc.com/'){

                window.open('http://www.imooc.com','_blank','width=400,height=500,menubar=no,toolbar=no')

            }

        }

    }

控制类名（className 属性）

className 属性设置或返回元素的class 属性。

语法：

object.className = classname

作用:

1.获取元素的class 属性

2. 为网页内的某个元素指定一个css样式来更改该元素的外观

看看下面代码，获得 <p> 元素的 class 属性和改变className：

显示和隐藏（display属性）

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。

显示和隐藏（display属性）

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。