DHTML【9】--Javascript

简介:       大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚。       好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript。

      大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚。


      好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript。

初看Javascript有点头晕,因为名字中有个Java,Java似乎很难啊,学好那东东没有个几年是学不好的的啊,如果你有这样的心理那你就错了,Javascript是一种动态网页脚本语言,他和Java的关系就如同加州牛肉面和马华牛肉面之间的关系,虽然名字里都有牛肉面,都是做面起家的,但是两种面里的汤的味是不一样的,当然也不能小看Javascript,Javascript是目前最火的动态脚本语言,网页设计中最耀眼的Jquery其实就是对Javascript的封装,网页设计最火的Ajax技术都是通过Javascript和其他技术的综合实现的, Javascript甚至可以开发Unity3D游戏,因此作为程序员Javascript是一定要全面掌握的,要求级别要比CSS高很多很多。


       说了这么多,那就看看到底是在哪里用的呢?


       还记得我在前面介绍HTML时提过<script>标签吗,Javascript的代码就是放在这里的,另外Javascript代码也可以封装在一个js文件里,在通过引用的形式引用进来,在使用Jquery的时候就是这样引用的,这种引用的使用方式是使用的频率最多的。


        Javascrip是一门独立的程序设计语言,但是他是一个弱类型语言,如果你有C#或者Java基础,学习这门语言应该不成问题,程序员在学习Javascript前最好先掌握C、C++、C#或者Java语言中的一种语言,只是建议,为什么这么建议呢,因为他们很多的语法很相似。


       下面说一下在HTML页面里怎么使用Javascript代码。


        方式一:

        在head标签内写script标签,在script标签内写Javascript代码,格式如下:

       <head><script type=”text/javascript”>

          var hello=”hello”;

      </script></head>


        “var“是Javascript中的数据类型,之所以说Javascript是一种弱类型语言就是在这里,Javascript里所有的数据类型包括整型、字符串型等都是统一用var代替,并且数据类型可以灵活赋值,如下代码:

          var num=false;

          num=”我错了吗?”;


         在Java等语言里是绝对不允许此种现象的发生,但是在Javascript里是完全可以的,num的值就是被赋值的字符串,说道这是不是感觉Javascript真是碉堡了,呵呵,确实是碉堡了。


         方式二:


         通过<script>标签引入js文件到HTML页面的head标签内,js文件直接写Javascript代码,不能加<script>标签,格式如下:

          <script src=”hello.js” type=”text/javascript”>

          </script>


        这里的src属性的值是js文件的路径和文件名,在js文件中写的代码被引用到HTML页面后,我们在操作的时候,和在script标签内操作的一样,例如在js文件中我定义一个var,当我引入该js文件后,我想操作该var,就直接为var赋值或者操作即可,但是所做的操作代码都必须写在<script>标签内,且类型是text/javascript。


       好了,萝莉啰嗦了很多,这一节就到这里吧,下一节将介绍Javascript中的函数,函数应该是Javascript的核心的核心,这么强调其实一点都不过分,呵呵,敬请期待吧。

目录
相关文章
|
前端开发
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-2
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-
114 0
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-2
|
前端开发 JavaScript 数据安全/隐私保护
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-1
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)
154 0
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-1
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-2
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件
131 0
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-2
|
前端开发 JavaScript
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-1
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件
150 0
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-1
|
前端开发 JavaScript
JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
77 0
JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强
96 0
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强
JavaScript---网络编程(8)-DHTML技术演示(1)-2
JavaScript---网络编程(8)-DHTML技术演示
131 0
JavaScript---网络编程(8)-DHTML技术演示(1)-2
|
JavaScript 前端开发
JavaScript---网络编程(8)-DHTML技术演示(1)-1
JavaScript---网络编程(8)-DHTML技术演示(1)
142 0
JavaScript---网络编程(8)-DHTML技术演示(1)-1
|
JavaScript 前端开发 图形学
《JavaScript高效图形编程(修订版)》——第2章 DHTML基础 2.1创建DHTML sprite
定义了bouncySprite对象后,我们可以初始一些对象,并在setInterval()或settTimeout()控制下调用它们的 moveAndDraw()方法。更好的方法是创建一个对象可以初始化和处理任意数量的bouncySprite。
1858 0