一、基础
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" οnclick="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" οnclick="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="提交" οnclick="panding()"/>