JS教程一
JS是JavaScript的缩写，是一门轻量级的面向对象的编程语言，主要用于web领域。
一开始，JS就是基于浏览器的脚本语言。这意味着：一，记事本就可以编写它；二，浏览器环境就可以运行它。
现在，请打开记事本，写下你的第一个JS脚本：
<script language="javascript">
alert("Hello JavaScript!");
</script>
保存上面的代码为 html 文件，比如 1.html 或 1.htm，双击该文件，默认浏览器会将它打开，弹出一个窗口，看看窗口的内容是什么？
和 CSS 一样，要在 HTML 文档中加入JS，也有自己的首行和末行语句规范：
首行：<script language="javascript">，这是告诉浏览器，我要使用JS脚本语言了。其中，script是关键，它就是“脚本”的意思，language="javascriipt"是声明用什么语言，这部分可以省略，直接写 <script>也可以，但规范的写法是要声明语言的，就像CSS的 <style type="text/css">一样，虽然仅<style>也是合法的。
末行：</script>，这是告诉浏览器，我的JS代码结束了。
与 <style> ... </style> 一样，可以将 <script> ... </script> 理解为特殊的HTML标签。
然后中间就是 JS 要干活的代码了。alert() 是 JS 的一个命令，单词本意是警告之类的，所以它在 JS 里弹出一个警告窗口。alert() 括号内的文本前后要用双引号或单引号，一句代码结束了要用分号收尾。这些符号，和CSS一样，都必须是英文环境下的标点符号。
作为脚本语言，其内部函数、属性、方法和语句等基本都属于自然语言下的词汇和语句，所以很容易学，但需要一点点英文基础。再看下面的另外一个JS脚本以加深会 JS 的自然语言特性：
<script>
document.title = "JS入门教程";
</script>
document 就是文档，web页面内里指HTML自身文档；title 是标题。这样，document.title = "JS入门教程"; 这句代码说的是什么呢？运行它，看看浏览器的标题栏。
我们还需知道JS写在HTML文档中的什么地方：一般 写在<body>和</body>之间，定义类需预先加载的，可以写在<head>和</head>之间。
一开始，JS就是基于浏览器的脚本语言。这意味着：一，记事本就可以编写它；二，浏览器环境就可以运行它。
现在，请打开记事本，写下你的第一个JS脚本：
<script language="javascript">
alert("Hello JavaScript!");
</script>
保存上面的代码为 html 文件，比如 1.html 或 1.htm，双击该文件，默认浏览器会将它打开，弹出一个窗口，看看窗口的内容是什么？
和 CSS 一样，要在 HTML 文档中加入JS，也有自己的首行和末行语句规范：
首行：<script language="javascript">，这是告诉浏览器，我要使用JS脚本语言了。其中，script是关键，它就是“脚本”的意思，language="javascriipt"是声明用什么语言，这部分可以省略，直接写 <script>也可以，但规范的写法是要声明语言的，就像CSS的 <style type="text/css">一样，虽然仅<style>也是合法的。
末行：</script>，这是告诉浏览器，我的JS代码结束了。
与 <style> ... </style> 一样，可以将 <script> ... </script> 理解为特殊的HTML标签。
然后中间就是 JS 要干活的代码了。alert() 是 JS 的一个命令，单词本意是警告之类的，所以它在 JS 里弹出一个警告窗口。alert() 括号内的文本前后要用双引号或单引号，一句代码结束了要用分号收尾。这些符号，和CSS一样，都必须是英文环境下的标点符号。
作为脚本语言，其内部函数、属性、方法和语句等基本都属于自然语言下的词汇和语句，所以很容易学，但需要一点点英文基础。再看下面的另外一个JS脚本以加深会 JS 的自然语言特性：
<script>
document.title = "JS入门教程";
</script>
document 就是文档，web页面内里指HTML自身文档；title 是标题。这样，document.title = "JS入门教程"; 这句代码说的是什么呢？运行它，看看浏览器的标题栏。
我们还需知道JS写在HTML文档中的什么地方：一般 写在<body>和</body>之间，定义类需预先加载的，可以写在<head>和</head>之间。
前一篇: css-doodle入门（六）
下一篇: JS教程二——三元运算
发表评论:
评论列表 [0条]
