源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript 基础篇1 什么是js 建立第一个js程序

  • 时间:2022-12-10 02:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript 基础篇1 什么是js 建立第一个js程序
javascript是一个基于对象和事件驱动,并且具有安全性的脚本语言,应用很广泛,不仅仅是网页,不要被jsp给困住。 基于对象,就是不需要指定变量的类型,你给他一个3,它知道是整型,如果给赋值'3',它就知道是char。 事件驱动,就是单击啊,之类的事件进行驱动。 javascript优点:网页互动性强,简单易用。js主要是基于客户端运行,很大程度上减少了服务器的负荷。 javascript是脚本编程语言:采用程序段方式实现,与HTML结合,java的编译器其实就是浏览器本身。 安全性:HTML页面中不能访问本地硬盘,只能对网络文档进行删除和修改,只能通过浏览器实现信息浏览或动态交互。 跨平台性:只要有支持js的浏览器,就可以运行。 javascript是ECMAScript规范的一种实现。 js的编程通常在eclipse环境下,这里推荐一个插件[b]spket[/b],它可以智能提示代码,非常好用,下载地址 [url=http://spket.com/download.html]spket IDE 1.6.22[/url] 根据需求选择就好,我们一般是选[url=http://www.agpad.com/downloads/spket-1.6.22.jar]Spket IDE[/url]啦。如果用的是myeclipse,可以选择不安装,因为它本身就带了类似的组件。 插件的安装的话,如果你下的是压缩包(就是里面有俩文件夹plugin 和feature,那么把这俩个文件夹的内容跟eclipse安装目录下相同文件夹合并就好。) 如果选择的是可执行jar包,那个安装的时候记得选择plugin选项。目录选择eclipse的安装目录。 接下来,打开eclipse吧~ (不是我说,eclipse图标真的很难看,所以作为外貌协会的我其实一般来说用的是myeclipse~)←这句话看清楚了,我说的是图标,是图标!麻烦不要跑我这里吐槽UI! 打开以后,可以看到window菜单下preference选项里面有了spket,就是我们刚才说的插件了,至于怎么用,今后会提到的。 [img]http://files.jb51.net/upload/201203/20120314152251482.jpg[/img] 接着,让我们来建立一个js相关的project。file ->new -> java project   我就命名它为testJs了。 查看工程的workspace目录相信大家都知道怎么看吧?在myeclipse中,右击工程的话就会有myeclipse,鼠标跟随,右边出现菜单,选择open in explorer。 eclipse中,右键点工程,选择properties,查看属性,里面有工程目录,复制一下到窗口打开就行了。 接着要建立一些标准路径。 (我是越想越觉得苦逼啊,如果是myeclipse的话可以选择web project,直接想要的就都有了啊...囧rz,但是为了符合大部分人的需求,还是得用eclipse来学。). 因为我们是要建立一个jsp的project,所以在project下要有一些标准路径,参照下面的图片建立(我是把myeclipse下建立的web project后自动生成的文件夹复制过来了): [img]http://files.jb51.net/upload/201203/20120314152254722.jpg[/img] 其中MANIFEST.MF的代码内容如下:
[url=http://www.sencha.com/products/extjs/download?page=a]senta[/url] 在spket中加载方法是: [img]http://files.jb51.net/upload/201203/20120314152256460.jpg[/img] 接下在最后一步是 add file,然后把刚才下载的东西加载进去就行了。 最后,来来来,我们在html中引用一下js文件,今天就算大获成功啦ヘ( ̄▽ ̄ヘ): 在main.html中,编写代码如下:
[u]复制代码[/u] 代码如下:
<html> <head> <title>O.O</title> <script type="text/javascript" src="js/output.js"></script> <script type="text/javascript"> testOutput("Dumpling");// use function </script> </head> <body> This is my JSP page. <br> </body> </html>
引用文件 使用  src=“xxxxx.jsp”  接下来,找到工程目录,双击html文件看下效果吧~ [img]http://files.jb51.net/upload/201203/20120314152258207.jpg[/img] [img]http://files.jb51.net/upload/201203/20120314152258167.jpg[/img] [img]http://files.jb51.net/upload/201203/20120314152258845.jpg[/img] 上面是在不同浏览器下的测试信息,很兼容吧~
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部