zoukankan      html  css  js  c++  java
  • web前端(13)—— 了解JavaScript,JavaScript的引入方式

    从本篇博文开始,将进入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 onclick='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的学习 

  • 相关阅读:
    Linux之mysql的重新安装
    prometheus监控采集数据promSql
    安装grafana
    prometheus server主配置文件prometheus.yml
    【Java拾遗】不可不知的 Java 序列化
    Centos7 openssh 离线升级8.4
    web for pentester sqli
    web for pentester xss
    ESXI 安装脚本
    nginx 499状态码排查
  • 原文地址:https://www.cnblogs.com/Eeyhan/p/9965263.html
Copyright © 2011-2022 走看看