JavaScript 引入页面

1.前言

学习JavaScript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧、学习函数的基本定义方法和使用方法

2.JavaScript介绍

JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。JavaScript是浏览器解释执行的,前端脚本语言还有Jscript(微软,IE独有),ActionScript(Adobe,需要插件)

前端三大块

(1)HTML:页面结构

(2)CSS:页面表现:元素大小、颜色、位置、隐藏或显示、部分动画效果

(3)JavaScript:页面行为:部分动画效果、页面与用户的交互、页面功能

3.JavaScript嵌入页面的方式

(1)行间事件(主要用于事件)

(2)页面script标签嵌入

(3)外部引入

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--第三种:外部引入-->
<script type="text/javascript" src="JavaScript/hello.js"></script>
<!--第二种:内嵌JavaScript-->
<script type="text/javascript">

alert("hello world too!")
</script>

<title>JavaScript基础</title>
</head>

<body>
<!--第一种:行间事件-->
<input type="button" name="" value="点击" onclick="alert('hell world!')">

</body>
</html>