从本篇博文开始,将进入web前端方便最关键最重要的部分——javascript,学到后面你就知道它真的太重要了

什么是JavaScript

JavaScript一种直译式的脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,是因特网上最流行的脚本语言,常常简称js

它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用

因为你在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的

JavaScript的起源

javascript是由Netscape公司的布兰登-爱奇(Brendan Eich)于1995开发而来。当时并不叫JavaScript,而是livescript。但是当时java巨火,为了蹭热度取名javascript,但和java没有任何关系。javascript1.0一经推出,便获得了巨大成功,Netscape随后又推出一系列版本。

在当时市面上有三种js版本,IE的JScript,网景的javaScript,scriptEase中的CEnvi。可javascript毕竟是公司开发的,规范性的问题渐渐暴露出来。

最后由EMCA(欧洲计算机制造协会)进行标准化,自此后javascript一统江湖。在2003年以前,javascript有个外号叫“牛皮藓”,因为网站的什么弹窗广告,页面内置广告都是用js实现的。2004年开始,谷歌公司开始重视Ajax(异步请求,不用刷新网站就可以请求局部的数据,比如你注册或者登陆,如果输入有误就会给你提示,但是输入过的数据还在的,页面并没有刷新。这个后面会详细介绍)。接着2007年,苹果公司出苹果手机,那些什么切水果,愤怒的小鸟之类的游戏就用js实现的(现在的很多手机游戏仍然是用js实现的)

2010年,推出html5的画布(canvas标签)功能,工程师可以在canvas进行游戏制作,如今开始流行webapp,用页面技术开发手机应用,慢慢的现在越来越适用。

2011年,node.js诞生,使JavaScript能够开发服务器程序。

而且js不只是手机游戏,网站小工具之类的,js简直全栈开发工程师的必学之课,因为js可以写前端,可以写接口,可以写后端(node.js),可以写操作系统(NodeSO),还可以写客户端等等的,反正基本上就没有js不能插足的事

因为有一句话,凡是能用js解决的问题,最后都会用js来解决

JavaScript的组成

  • ECMAScript 5.0:定义了js的语法标准: 包含变量 、表达式、运算符、函数、if语句 for循环 while循环、内置的函数,说白了就是同任何一门编程语言一样的语法规则

  • DOM :操作网页上元素的API,说白了就是html标签元素。比如让盒子显示隐藏、变色、动画 form表单验证

  • BOM:操作浏览器部分功能的API,说白了就是可以对浏览器做相关的控制。比如刷新页面、前进后退、让浏览器自动滚动

JavaScript的引入方式

js的引入方式和css的引入方式类似

  • 行内式
  • 外联式
  • 内部式

行内式

直接在html标签元素里添加js的监听属性onclick之类的(onclick是什么目前不用在意,后期会详细介绍),然后等于一个js函数

<p οnclick='myjsfunction()'></p>

  

外联式

在html标签的合适位置添加以下代码引入

<script type="text/javascript" src= '.....js(js路径)'></script>

这里要注意下,css外链引入使用的是link标签的href属性,js外链引入使用的script标签的src属性

内部式

这种方式建议放在html里的body标签之后,让所有的dom对象加载完了再运行js代码

<script type="text/javascript">....(js代码)
</script>

把上面的代码放进html文件里即可  

例:

好的,本篇博文暂且介绍到这,下一篇则真正进入js的学习

转载于:https://www.cnblogs.com/yangva/p/9965263.html

web前端(13)—— 了解JavaScript,JavaScript的引入方式相关推荐

  1. web前端之dojo(用javascript语言实现的开源DHTML工具包)

    web前端之dojo(用javascript语言实现的开源DHTML工具包) 一.开始Dojo开发 1.Dojo Toolkit 简介 Dojo 于 2004 年创建,使开发 DHTML 和 Java ...

  2. 好程序员web前端分享详细了解JavaScript函数

    好程序员web前端分享详细了解JavaScript函数,如果你曾经接触过JavaScript编程,你一定不会陌生如何定义并且调用一个函数.但是你知道在JavaScript中有多少种定义函数的方法吗?如 ...

  3. Web前端经典面试题-JavaScript

    Web前端经典面试题-JavaScript 看看银行卡余额,看看工资条,看看房价,动力就来了,大二狗,加油~~ JavaScript 原型链.类.继承.作用域.闭包.js运行机制/单线程.js数据类型 ...

  4. css层叠引入方式有,前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器...

    前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器 一丶CSS简介 叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM ...

  5. 前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器...

    前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器 一丶CSS简介 叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM ...

  6. web前端学习分享:JavaScript框架

    转自:微点阅读  https://www.weidianyuedu.com web前端培训分享JavaScript框架,JavaScript 是开发领域的重要技术之一.根据 Statista 的报告, ...

  7. 为什么学习web前端,必须掌握JavaScript这门编程语言

    相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的基本配置,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗?为什么学习web ...

  8. 学习Web前端技术,掌握JavaScript这门语言是必须的

    相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的基本配置,而在前端的世界里,没有什么是JavaScript实现不了的.关于JS有一句话:凡是可以用Jav ...

  9. 【Web前端】html+css+javascript

    1 HTML 1.1. HTML基本概念 HTML:hyper text markup language 超文本标记语言,就是超出纯文本范畴的语言,其中既可以定义文本也可以定义图片,超链接等等非文本性 ...

  10. Web前端开发HTML清华大学,清华大学出版社-图书详情-《Web前端开发——HTML5+CSS+JavaScript+ jQuery +Dreamweaver》...

    前言 Web前端开发是网站开发方向重要的专业课程,随着市场对Web前端工程师的需求增加,国内很多本专科院校正在或准备开设该课程.本书是咸阳师范学院2016年教材建设资助项目. Web前端开发涵盖多门技 ...

最新文章

  1. 【模型评估与选择】sklearn.model_selection.KFold
  2. idea用token登陆github_用python和她一起唐诗宋词
  3. 【Groovy】闭包 Closure ( 自定义闭包参数 | 自定义单个闭包参数 | 自定义多个闭包参数 | 闭包参数默认值指定 )
  4. 深度技术win11旗舰稳定版v2021.07
  5. php记一笔在线记账管理系统源码
  6. 递归删除.svn文件夹以及文件
  7. 使用powershell 执行脚本,windows默认不允许任何脚本运行
  8. centos不同版本修改主机名的正确方法
  9. 5大领先的商业智能解决方案,国产上榜!
  10. PostGis+GeoServer+OpenLayers最短路径分析
  11. java案例代码16-java正则表达式的使用
  12. kali字典爆破wifi密码
  13. 使用二维码识别技术的好处_二维码门禁系统,是如何实现解密开锁的呢?
  14. 【产品】 产品设计:工业设计(ID设计)系列软件介绍:平面设计、建模和3D渲染
  15. php对url转码,如何使用php url中文转码
  16. as常用固定搭配_语法必看:as的几种固定用法
  17. 阿里巴巴协助征战SARS(简单)
  18. OSChina 周六乱弹 —— 女菩萨,你可愿做贫僧的……
  19. 手机计算机怎样可以整分数计算,分数计算器设计
  20. API接口管理平台-rap

热门文章

  1. TI PDK3.0 qt 交叉编译环境设置
  2. Mysql 内部结构 / Replication | 原理
  3. Vagrant搭建Ubuntu-JavaEE开发环境——Tomcat+JDK+MySQL+dubbo+测试
  4. iOS 导航色差问题解决方案
  5. 文件属性及资源文件的使用
  6. MAC下的反编译、反汇编和调试神器Hopper Disassembler
  7. “元宇宙”数字化理解
  8. mysql insert 数据_MySQL-插入数据(INSERT)
  9. addroutes刷新_vue 解决addRoutes动态添加路由后刷新失效问题
  10. java并行任务dispatch_Java模拟 双分派Double Dispatch