2015-01-04 Javascript

一、基础

JS的代码为 <script>  </script> ，可以放到网页的任何一个地方，用来控制界面上的元素，文件结尾为 .js

document.write("hello world")  //输出hello world

网页加载顺序：先加载head中，其次body中，最后html外。

另外建立一个结尾为.JS的文件，然后在html中引用，<script src="js.js" type="text/javascript"></script>

 

二、语法：

1.弹出窗口：<script>
                   alert("hello");
                  </script>

2.单击事件：<img src="../网站-练习/J2.jpg" onclick="alert('hello')" />  //单机图片弹出窗口“hello”

 

3.在之前的某个script的字体中增加font编号 font1，             

<script>
document.write("<font id='font1' size=16> hello world </font>")
</script>

然后在一个新的script中获取这个编号，可以改变<font>和</font>中的文字

              <script>
               var zi=document.getElementById("font1");

               zi.innerHTML="你好";

               zi.style.color="#ff00ff"; 
              </script>

 

 4.如何在点击的时候触发：<img src="../网站-练习/J2.jpg" onclick="document.getElementById("font1").innerHTML="你好"" />

                                                                                             //在单击的时候将font1的内容变为“你好”

 

三、语句

1.定义变量以及运算符：
<script>
var a=1;      //定义变量
var b=2;
var c=a+b;
c=a%b;
document.write(c);  //输出
"=="         //等于
"==="      //全等于，数据类型必须也相等
</script>

 

2.if语句(格式与C#基本一致)：
<script>
if(a>0)
{
document.write("大于0");
}
在JS中，如果程序执行了if语句，不会继续执行else语句
else if(a==1)
{
document.write("等于1");
}
</script>

 

3.for循环：
<script>
for(var a=1;a<10;a++)
{

}
</script>

 

4.数组：
<script>
var i;
var cars = new Array();
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";

for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>

 

5.文本框内容的及时判定：
1.先自定义一个JS，获取文本框的内容，如果文本框为空，弹出窗口
<script>
function panding()
{
var txt=document.getElementById("textfield").value;
if(txt.length==0)
{
alert("不能为空");
}
}
2.在按钮的代码处添加单击事件，单击时执行自定义的JS内容
<input type="submit" name="button" id="button" value="提交"  onclick="panding()"/>