先来打个官腔, JavaScript是一种直译式脚本语言, 是一种动态类型, 弱类型, 基于原型的语言, 内置支持类型, 它广泛的应用于HTML网页中, 给HTML网页增加动态功能, 这门语言虽然叫做JavaScript, 但是和Java没太大卵关系, 只是因为开发公司Netscape和Sun(Java就是由这个公司开发出来的)合作, 然后希望这门语言外观上和Java相似, 于是乎就这个名字了, 不过语法风格是标准的脚本语言(个人感觉和Scheme很像, 好像Swift也借鉴了这门语言).
JavaScript之所以这么强大, 离不开你它强大的兼容性, 无论是Win, Linux, Mac, Android, 还是iOS都兼容, 而且是一门解释性语言(这个好处不必多说了, 代码不用进行预编译).
1, 嵌入动态文本于HTML页面
2, 对浏览器事件做出响应
3, 读写HTML元素
4, 在数据被提交到服务器之前验证数据
5, 监测访客的浏览器信息
6, 控制cookies, 包括创建和修改等.
7, 基于Node.js技术进行服务器端编程.
说了这么多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静态页面的桥梁. 如果我们写好一些方法, 通过按钮等控件进行触发, 就可以实时的, 动态的修改网页了.
使用<script>标签在HTML网页中插入JavaScript代码, <script>标签也是成对出现的, 要是开始和结束, 并把JavaScript代码写在开始结束之间, 和CSS的<style>标签一样. type属性是告诉浏览器在标签中的文本是JavaScript语言, 这点和CSS也是一样的.
也可以像CSS一样, 引入外部JS文件, 使用src属性<script src = "script.js">, 在js文件中不需要标签, 直接写js的代码就行了.
<script>标签的位置, 主要有两种, 一种是放在<head>部分, 一种是放在<body>部分, 由于浏览器解析页面是顺序执行的, 所以如果有多个样式, 或者是用js修改的样式在后面再次被修改了, 那么只会给出最后修改之后的样子, 前面会被覆盖, 所有的语言应该都是这个道理, 初始化提前, 样式修改在后面, 函数方法任意.