|
大家都知道,静态页面是由html语言编写的,写个简单的页面只用html就可以了,但是当我们上网浏览网页时
JavaScript简介
大家都知道,静态页面是由html语言编写的,写个简单的页面只用html就可以了,但是当我们上网浏览网页时,经常能看到很多很炫的效果,比如跟随鼠标箭头的星星,漂亮的日期输入控件,图片的动态切换,表单输入的检查等等,这些都是javaScript的功劳,有了它页面就变的更加丰富多彩,功能强大了。
那我们怎么知道,页面里有没有使用javaScript呢?其实在浏览器的菜单栏上有个查看选项,打开后点击页面源代码,是不是会跳出一个文本,这个就是浏览器接受到服务器的页面内容代码,我们知道浏览器其实就是个解释器,html语言是解释性的语言,所以当我们的浏览器收到这些源文件后,就将它解释成我们看到的页面,道理简单吧。那我们有源文件了,看看里面是不是有些不象是html语言的东西,是不是能找到<script language=“javaScript”>,如果找到了,那就说明这个也页面中包含javaScript了。
那么知道了javaScript包含在<script language=“javaScript”></ script >标签里,那么这个标签又应该放在什么位置呢?其实理论上,可以将javaScript放置在html文档的任意位置,但是一般情况下都是把其放在<head></head>之间,因为这确保了所有代码在body部分调用之前被阅读和执行。脚本的执行是在客户端的进行的,所以使用脚本去完成一些原来服务器端的工作,即减轻了服务器端的负荷,也加快了客户端的反应速度,一举两得啊。
那么javaScript语法到底该如何写了,其实你只要学过一种语言,特别是面向对象语言,那学起来将会是很快的,它也有变量的声明定义,方法的定义,选择,循环等语法结构。与一般语言不同的是javaScript是一种弱类型语言,也就是说,在变量声明时,不需要指定变量的类型,变量的类型由赋值时确定。如:
var count = 10 ;
将数值10赋给了变量count。其实即使没有变量的声明,直接使用变量,系统也会自动声明该变量的,如:
count = 10;
之前没有声明过count。但是为了,语法的统一和代码的维护,所以不推荐这样使用,所以标准的做法还是先声明后使用。
javaScript要和页面形成很好的交互,那就需要去访问页面中的元素,那么如何访问呢?我们有document内置对象,也就是说document就代表了整个页面文档,那么每个页面元素我们都会设一个id属性,我们就可以通过document.getElementById()方法获得该元素的引用了。例如:
<html>
<head>
<title>
hello accp
</title>
</head>
<body>
<span id="dd"></span>
</body>
<script language="javascript">
document.getElementById("dd").innerHTML="hello ACCP";
</script>
</html>
大家可以运行一下试试,是不是在页面上出现了hello ACCP,如果你把
<script language="javascript">
document.getElementById("dd").innerHTML="hello ACCP";
</script>
去掉看看结果呢?
javaScript中还支持alert()方法,它可以弹出警告框,给用户一些提示信息,比如在以上代码中做修改如下:
<script language="javascript">
document.getElementById("dd").innerHTML="hello ACCP";
alert("hello ACCP");
</script>
加入了alert方法的调用,再去试试,是不是看到弹出的对话框了,是不是经常在碰见过,其实它就是这么来的,这个对话框还是蛮有用的,当你打开一个登录窗口,没输入用户名就按确定提交表单了,它会提示你输入用户名。这样就避免了资源浪费,不至于到服务器端才验证出缺少用户名。
怎么样,javaScript有点意思吧,这次先到这,下次我们再来学习它的表单验证是怎么做的吧。
北大青鸟-中博www.njaccp.com
|