技术文章 | Technical articles

JavaScript(第一天)—web前端培训

一、前端页面三个组成部分

HTML结构    CSS表现    JavaScript行为   

二、什么是JS?

由网景(NetScape)公司开发,前身叫做LiveScript;

一门基于(面向)对象、面向客户端浏览器,事件驱动的脚本语言;

轻量级但功能强大的()编程语言;

可以用来 制作网页游戏 交互式操作  制作动画  等等

 

JS之父 布兰登·艾奇  

JSJAVA异同点?  详见公众号

 

三、JS三个组成部分

ECMA核心API:JS基本语法、常量变量、运算符、流程语句、函数、对象

BOM:Browser Object Model 浏览器对象模型  浏览器相关API

DOM:Document Object Model 文档对象模型  文档操作的相关API

图片1.png 

四、JS位置的书写

Javascript简称jsjs代码书写在一对<script>标签对里面。标签有一个属性,type属性值是“text/javascript”,表示标签内部书写的是纯文本的Javascript代码。

script标签可以写在页面的任何位置,我们初始学习的时候,习惯放在body标签里。

js本身不能自己在浏览器加载,必须依托html载体来在浏览器中实现。

面试题:JS代码写在body前和body后有什么区别?


 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--从外部引入js文件-->
    <script type="text/javascript" src="01_js写入位置.js"></script>
    <!--将js代码嵌入到html中任何位置-->
    <script type="text/javascript">
        alert("head中添加js");
    </script>
</head>
<body>
    <script type="text/javascript">
        alert("body前添加js");
    </script>
    <!--行内式的方式添加js代码-->
    <button onclick="alert('通过事件属性添加js代码')">通过事件属性添加js代码</button>
    <script type="text/javascript">
        alert("body后添加js");
    </script>
</body>
<script type="text/javascript">
    alert("body外添加js");
</script>
</html>

 

五、JS语法

一般情况下,从上往下顺序执行;

Ø 每一条语句以分号结束;

Ø 严格区分大小写

Ø 忽略所有的换行与空格

 

六、JS中注释

// 单行注释

/* 多行注释 */

//弹出一个警告框

alert(hello JS)

/*

需求:根据用户输入的数字,给出对应季节

思路:1

      2

      3

*/

关注微信公众号“icketang”,获取最新前端资讯,学习资料 

微信个人号二维码.jpg
完整笔记、web前端视频教程
,请添加微信“haomei0452”免费领取 


B站搜索“爱创课堂网络科技” 免费观看前端视频以及项目实战


QQ图片20190401143635.jpg


上一篇文章: html5源码笔记(四)—前端培训机构
下一篇文章: 为什么要选择爱创课堂学前端?
更多详细内容请访问爱创官网首页:http://www.icketang.com/

最新发布 | 这里有最新的文章查看更多>>

爱创推荐 | 这里有推荐的文章查看更多>>