JavaScript初级教程(第一课)_基础知识-js教程-PHP中文网

JavaScript初级教程(第一课)_基础知识

PHP中文网

发布： 2016-05-16 19:15:30

原创

968人浏览过

交互性！多数网站声称交互性即当你点击一个链接时到达一个新的页面，但严格道来甚至当网页中具有cgi语言时也并不意味它真正具有交互性。填好表格，按提交钮，等待......这就像往海中扔一个瓶子等候它自己飘回来一样。

    幸运的是，现在我们有了javascript, 于是网页可真正如你希望的那样交互作用。当鼠标移动到哪里，图片交换，表格元素在传递过程中即相互影响，无须等待cgi回复结果计算即可进行。没有任何提交 - 等待过程 - 任何事只是在你使用它时发生。

    javascript最杰出之处在于你可以用很小的程序做大量的事。你无须有高性能电脑，软件仅需一个字处理软件及一个浏览器，无须web服务器通道，在你自己的电脑上即可作所有的事情。

    尽管工作起来很方便，但javascript是一完整的编程语言，因而当你学完更复杂的javascript, 你已学了一些电脑编程的基础了。
    如果你想继续学其他编程语言如perl,c,c++或java,javasript是一个极好的引荐。
本周，我们将开始五天教程的第一个三部曲，它将立即帮你写一些有用的javascript. 不象其他似是而非的javascript教程，本教程将教你怎样建造你梦中的浏览器。当你走过本教程所有的例子，你建造的浏览器将越来越精彩。
    这里是你每天学习的简要大纲，及将要学习的一些例子。
    第一天：介绍，一些例子，及你的第一个javascript(例子)
    第二天：变量，if-then语段，链接事件，图片交换。
    第三天：窗口，架构，及文件目标模块
    第四天：循环，序列及功能
    第五天：表格，表格及更多的表格。
    开始之前，有些重要的事情首先要注意：
    首先，javasript并非java。
    第二，javascript也不是javascript！这是指不同的浏览器处理javascript的方式不同。有时同一浏览器的不同版本处理javascript的方式也不同。本教程以网景导航者3.0作为标准。若有不兼容其他浏览器之处我们会指出。若无网景3.0，请立即下载。
    第三，本教程并非好的参考书的替代物。javascript资源丰富，好！不罗嗦了，让我们开始写一些javascript。

javascript通常出现在 </title>标签及</head>标签间。
    如同html，javascript是一些可用字处理软件浏览的文本，它在描述页面的html相关区域出现。（尽管我们仅看了javascript出现在html页的头区，它在主体中也可存在。下一课的例子中将可看到。
    javascript以<script language="javascript">开始。
    现在你并非真的非写入language="javascript"，因为javascript是所有浏览器的缺省选项。但有时也有例外。若不嫌麻烦的话加上不妨。在//间的是可被忽略的注释。
    注释！注释！！注释！！！这是一个好的编程习惯，它使其他人可以读懂你的语言，他可是你的朋友，你的同事，或是三个月前的你。要使三个月前的你仍读懂你的语言，请在大段文本前在/* */间加注释，就象这样：
    /* this is
        a huge block
        of text that i've
        commented out */
    alert("better, stronger, faster") - 唤起一简单的对话框，其中出现"better, stronger,faster" 字样。
    这是你的第一个javascript：“唤起”方式。
    下一课中你将了解更多。到现在为止，你只需要知道须用一半</script>结束，并将"alert"文本放在引号之间
    javascripts 以 </script> 标签结束。
    看！这就跟html一样简单。
    简单？是的。对了 ... 实际上, 有一个复杂之处

在上一个例子中我们碰到一个问题即有些旧的浏览器不理解<script>标签。这些浏览器将象对付html一样对待你的javascript，于是乎该页面看起来是这样的：
    //put up an alert box, to show how they work alert("soon, i will overthrow my browser!");
    congratulations
    这多糟糕！幸运的是, 在html注释中有一个解决之法：
    <html>
      <head>
        <title> blah blah blah </title>
        <script language="javascript">
        
        </script>
      </head>
      <body>
    等等......
    该方法的工作原理困惑了我好长一段时间，但你无须理解也能用它。若你非想知道，这里为你介绍。
    好了，无论你相不相信，你将准备你的第一个javascript练习.
    你已精疲力尽了吧？在你挂机之前, 花一分钟阅读一下我们的第一课回顾。