你的位置:首页 > Java教程

[Java教程]初识JavaScript 简单的入门, 认识JavaScript


  先来打个官腔, JavaScript是一种直译式脚本语言, 是一种动态类型, 弱类型, 基于原型的语言, 内置支持类型, 它广泛的应用于HTML网页中, 给HTML网页增加动态功能, 这门语言虽然叫做JavaScript, 但是和Java没太大卵关系, 只是因为开发公司Netscape和Sun(Java就是由这个公司开发出来的)合作, 然后希望这门语言外观上和Java相似, 于是乎就这个名字了, 不过语法风格是标准的脚本语言(个人感觉和Scheme很像, 好像Swift也借鉴了这门语言).

  JavaScript之所以这么强大, 离不开你它强大的兼容性, 无论是Win, Linux, Mac, Android, 还是iOS都兼容, 而且是一门解释性语言(这个好处不必多说了, 代码不用进行预编译).

JavaScript的日常用处

  1, 嵌入动态文本于HTML页面

  2, 对浏览器事件做出响应

  3, 读写HTML元素

  4, 在数据被提交到服务器之前验证数据

  5, 监测访客的浏览器信息

  6, 控制cookies, 包括创建和修改等.

  7, 基于Node.js技术进行服务器端编程.

认识JavaScript

  说了这么多JavaScript的特点和日常用处(我也刚学, 有的我也不懂, 哈哈), 下面写一个简单的JavaScript代码让大家认识下它吧.

 1 <!DOCTYPE HTML> 2 <html>  3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5  6 <title>热身</title> 7 </head> 8   <body> 9     <p id="p1">Hello, World</p> 10       <script type="text/javascript">11         document.write("Hello, World");12         document.getElementById("p1").style.color = "blue";13       </script>14   </body>15 </html>

  HTML部分我就不解释了, 只讲script部分.

  这里能看到对象语言的特征, 方法, 函数, get, set方法.

  document.write("Hello, World");是在页面上显示Hello, World字符串.

  document.getElementById("p1").style.color = "blue";是通过get方法获取id值为p1的标签并设置css样式中颜色属性为"blue", 本质上只是通过脚本语言动态修改了css样式表, 也就可以说JS算是一个沟通用户和HTML静态页面的桥梁. 如果我们写好一些方法, 通过按钮等控件进行触发, 就可以实时的, 动态的修改网页了.

  如何插入JS代码

  使用<script>标签在HTML网页中插入JavaScript代码, <script>标签也是成对出现的, 要是开始和结束, 并把JavaScript代码写在开始结束之间, 和CSS的<style>标签一样. type属性是告诉浏览器在标签中的文本是JavaScript语言, 这点和CSS也是一样的.

  也可以像CSS一样, 引入外部JS文件, 使用src属性<script src = "script.js">, 在js文件中不需要标签, 直接写js的代码就行了.

  <script>标签的位置, 主要有两种, 一种是放在<head>部分, 一种是放在<body>部分, 由于浏览器解析页面是顺序执行的, 所以如果有多个样式, 或者是用js修改的样式在后面再次被修改了, 那么只会给出最后修改之后的样子, 前面会被覆盖, 所有的语言应该都是这个道理, 初始化提前, 样式修改在后面, 函数方法任意.