<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

f...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。

语法:

if(条件)
{ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }

假设我们通过年龄来判断是否为成年人，如年龄大于等于18岁，是成年人，否则不是成年人。代码表示如下:

<script type="text/javascript">   var myage = 18;
   if(myage>=18)  //myage>=18是判断条件   { document.write("你是成年人。");}   else  //否则年龄小于18   { document.write("未满18岁，你不是成年人。");}</script>

任务

Object.style.property=new style;

改变样式的JScript语言

window.open([URL], [窗口名称], [参数字符串])

参数说明:

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

参数表:

例如:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

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

第一种:输出内容用""括起，直接输出""号内的内容。

<script type="text/javascript">
  document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。</script>

第二种:通过变量，输出内容

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名，输出变量存储的内容。</script>

第三种:输出多项内容，内容之间用+号连接。

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接</script>

第四种:输出HTML标签，并起作用，标签使用""括起来。

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
  document.write("JavaScript");
</script>

关于JS输出空格问题，请查看wiki中" JS如何输出空格 "

如何定义一个函数呢？基本语法如下:

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

说明:

1. function定义函数的关键字。

2. "函数名"你为函数取的名字。

3. "函数代码"替换为完成特定功能的代码。

我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字：“add2”，代码如下：

function add2(){
   var sum = 3 + 2;
   alert(sum);
}

函数调用:

函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了,代码如下:

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

    if(mymessage==true){

        txt.removeAttribute('style');//取消设置//或者txt.style=null;

    }else{

    }

定义变量使用关键字var,语法如下：

var 变量名

变量名可以任意取名，但要遵循命名规则:

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

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

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

变量要先声明再赋值，如下：

var mychar;
mychar="javascript";
var mynum = 6;

变量可以重复赋值，如下：

var mychar;
mychar="javascript";
mychar="hello";

注意:

1. 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个变量。

2. 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。

<script type="text/javascript">   alert("hello!");</script>

例子中的alert("hello!");就是一个JavaScript语句。

一行的结束就被认定为语句的结束，通常在结尾加上一个分号";"来表示语句的结束。

看看下面这段代码,有三条语句，每句结束后都有";"，按顺序执行语句。

<script type="text/javascript">   document.write("I");
   document.write("love");
   document.write("JavaScript");</script>

注意:

1. “;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。

2. 虽然分号“;”也可以不写，但我们要养成编程的好习惯，记得在语句末尾写上分号。

显示和隐藏（display属性）

语法：

Object.style.display = value

value取值：

none//隐藏

block//显示为块级元素

改变HTML样式

语法:

Object.style.property=new style;

e.g.

<p id="pcon">Hello World!</p>

<script>

var mycar=document.getElementById("pcon）；

mychar.style.color="red";//设置文本颜色

mychar.style.fontSize="20";//字体大小

mychar.style.backgroundcolor="blue";//背景颜色

mychar.style.height="20px";//元素的高度

mychar.style.width="20px";//元素的宽度

mychar.style.font="xxx";//字体的属性

mychar.style.fontFamily=""；//设置元素的字体系列

</script>

innerHTML 属性用于获取或替换 HTML 元素的内容。

语法:

Object.innerHTML

e.g.

<p id="con">Hello World</p>

<script>

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

document.write("p标签原始内容:"+mycon.innerHTML+"<br>");//输入元素内容

mycon.innerHTML="New Text!";//修改元素内容

document.write("p标签修改后内容:"+mycon.innerHTML);

</script>

输出：

New text！

p标签原始内容：Hello World！

p标签修改后的内容：New Text!

  var str = document.getElementById("txt");
//定义"改变颜色"的函数
  function changeColor(){
       str.style.color="red";
       str.style.backgroundColor="yellow";
  }

//定义"改变宽高"的函数
function changeHeight(){
    str.style.width="300px";
    str.style.height="300px";
}

//定义"隐藏内容"的函数
function hidenContent(){
    str.style.display="none";
}

//定义"显示内容"的函数
function showContent(){
    str.style.display="block";
}

 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。

 document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>");

 结果:  1       2     3    

 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"