前端JavaScript入门——js介绍和js引入页面

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

前端三大块
1、HTML：页面结构
2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果
3、JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

JavaScript嵌入页面的方式
1、行间事件（主要用于事件）

<input type="button" name="" onclick="alert('ok！');">

2、页面script标签嵌入

<script type="text/javascript">        
    var a = '你好！';
    alert(a);
</script>

3、外部引入

<script type="text/javascript" src="js/index.js">
</script>

引入js示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <!-- 第三种嵌入js的方式：外链js   -->
    <script type="text/javascript" src="js/hello.js"></script>
    
    <!-- 第二种嵌入js的方式：内嵌js   -->
    <script type="text/javascript">        
        alert("hello world too!");
    </script>

</head>
<body>

    <!-- 第一种嵌入js的方式：行间事件   -->
    <input type="button" name="" value="点击" onclick="alert('hello world!')">
</body>
</html>

引入js示例

avascript语句与注释
1、一条javascript语句应该以“;”结尾

<script type="text/javascript">    
var a = 123;
var b = 'str';
function fn(){
    alert(a);
};
fn();
</script>

2、javascript注释

<script type="text/javascript">    
// 单行注释
var a = 123;

/*  
    多行注释
    1、...
    2、...
*/
var b = 'str';
</script>

最后，给大家推荐一个前端学习进阶内推交流群685910553（前端资料分享），不管你在地球哪个方位，
不管你参加工作几年都欢迎你的入驻！（群内会定期免费提供一些群主收藏的免费学习书籍资料以及整理好的面试题和答案文档！）

如果您对这个文章有任何异议，那么请在文章评论处写上你的评论。

如果您觉得这个文章有意思，那么请分享并转发，或者也可以关注一下表示您对我们文章的认可与鼓励。

愿大家都能在编程这条路，越走越远。

前端JavaScript入门——js介绍和js引入页面

猜你喜欢