我们需要思考以下问题:
1、javaScript是什么?
2、javaScript的用途是什么?
3、javaScript和ECMAScript的关系是什么?
4、javaScript由哪几部分组成?
5、javaScript的执行原理是怎样的?
6、在页面文件中是如何引入javaScript文件的?
由以上几个问题我们一起逐个分析和详解。
一、javaScript是什么?
javaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的、安全性好的脚本语言。
它运行在客户端从而减轻服务器的负担。
javaScript的特点:
javaScript主要用来向html页面中添加交互行为.
javaScript是一种脚本语言,属弱语言类型。
javaScript一般用来编写客户端脚本,node.js例外。
javaScript是一种解释型语言.
二、javaScript的用途是什么?
javaScript的用途是解决页面交互和数据交互,最终目的是丰富客户端效果以及数据的有效传递。
实现页面交互,提升用户体验实现页面特效。即js操作html的dom节构或操作样式。
客户端表单验证即在数据送达服务端之前进行用户提交信息即时有效地验证,减轻服务器压力。即数据交互。
三、javaScript和ECMAScript的关系是什么?
ECMAScript是脚本程序设计语言的web标准。
javaScript和ECMAScript的关系:
ECMAScript是欧洲计算机制造商协会,基于美国网景通讯公司的Netscape发明的javaScript和Microsoft公司随后模仿javaScript推出JScript脚本语言制定了ECMAScript标。
四、javaScript由哪几部分组成?
五、javaScript的执行原理是怎样的?
六、在页面文件中是如何引入javaScript文件的?
使用<script>...,/script>标签。
使用外部js文件。
直接在html标签中。
使用<script>...,/script>标签的语法:
<!--
//javaScritpt语句;
-->
</script>
使用外部js文件示例代码:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
JavaScript:直接写入 HTML 输出流
实例
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
JavaScript:对事件的反应
实例
<button type="button" onclick="alert('欢迎!')">点我!</button>
javaScript:改变 HTML 内容
使用 JavaScript 来处理 HTML 内容是非常强大的功能。
实例
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
JavaScript:验证输入
JavaScript 常用于验证用户的输入。
实例
if isNaN(x) {alert("不是数字")};
JavaScript:改变 HTML 样式
改变 HTML 元素的样式,属于改变 HTML 属性的变种。
实例
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式