本篇博客对JavaScript进行简单的介绍。

JavaScript简介


  • JavaScript是一种直译式脚本语言,是一种动态弱类型的编程语言。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能;
  • 在1995年时,由Netscape公司在其Navigator浏览器上首次设计实现。起初叫LiveScript,后来因为Netscape与Sun公司合作,Netscape管理层希望它外观看起来更像Java,因此改名为JavaScript。
  • 后Netscope公司将JavaScript交给了中立组织,为了确保不同的浏览器上运行的JavaScript标准一致几个公司共同制定了JS的标准命名为ECMAScript,简称ES

JavaScript组成部分


JavaScript由三部分组成:

  • ECMAScript:描述了该语言的语法和基本对象
  • 文档对象模型(DOM):描述处理网页内容的方法和接口
  • 浏览器对象模型(BOM):描述与浏览器进行交互的方法和接口

Hello,World!


每解除一门编程语言,都要先去了解这个编程语言的输出语句。同样的,我们也需要先来了解一下JS的输出语句JS代码需要编写到script标签中

  • 控制浏览器弹出一个警告框

  • 让计算机在页面中输出一个内容

  • 向控制台输出一段内容

JS代码编写位置


将JS代码编写到标签的属性中

  • 可以将代码编写到标签的onclick属性中,当点击按钮时,JS代码才执行

  • 可以将JS代码写到a标签的href属性中,当点击链接时,会执行JS代码


    如果想要点击链接什么效果都没有,我们可以这么做:

  • 注意:虽然可以将JS代码编写到标签的属性中,但是它们属于结构和行为耦合不方便维护,不推荐使用

将JS代码写到script标签中

也可以将JS代码写到外部.js文件中在HTML文件中引入



JS代码写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,推荐使用的方式。
script标签一旦用于引入外部.js文件,就不能再编写代码了,即便编写了,浏览器也会忽略。如果确实需要,可以再创建一个script标签


我们将代码略作修改,再创建一个script

『JavaScript』JS简介相关推荐

  1. 『JavaScript』核心

    为什么80%的码农都做不了架构师?>>>    弱类型语言 JavaScript是一种弱类型的语言.变量可以根据所赋的值改变类型.原始类型之间也可以进行类型转换.其弱类型的物质为其带 ...

  2. JavaScript笔记---JS简介和开发入门

    目录 一.JavaScript概述 1.什么是JS: 2.JS的作用: 3.JS的组成: 4.JS的语法: 5.JS的数据类型: 6.JS的运算符和语句: 7.JS的输出 8.JS的开发步骤 二.JS ...

  3. 『JavaScript』利用Javascript获取IP地址内容方法

    (不断收集完善中--) 使用http/javascript接口取IP数据 1.新浪的IP接口:http://counter.sina.com.cn/ip/,在浏览器中输入此地址,可以看到一个表达式,这 ...

  4. 『JavaScript』基础笔记

    1. JavaScript 初识 1.1 书写位置 行内式 <input type="button" value="提交" onclick="a ...

  5. 『Javascript基础重点』13.dom的应用

    目录 什么是dom?为什么要用dom 常用的dom方法 2. dom必要性之一降低耦合的需要 3. 文档的加载影响书写dom的位置 4. dom查询例程 n. 未完待续 总结 欢迎关注 『Javasc ...

  6. JS 中通过对象关联实现『继承』

    JS 中继承其实是种委托,而不是传统面向对象中的复制父类到子类,只是通过原型链将要做的事委托给父类. 下面介绍通过对象关联来实现『继承』的方法: Foo = {// 需要提供一个 init 方法来初始 ...

  7. 前端 JavaScript 之『节流』的简单代码实现

    前戏 首先,总结一下上一篇文章--<前端 JavaScript 之『防抖』的简单代码实现>的内容:「防抖」就是在高频率触发事件停止触发后,延时执行某个处理逻辑. 防抖虽然在一定程度上对性能 ...

  8. 1.js简介,JavaScript的组成,js环境搭建

    js简介 Js原名javaScript,是一种解释性的脚本语言,与java没有关系,是一种动态的,弱类型,基于原型继承的语言,内置支持类型; 他的解释器被称为javaScript引擎,作为浏览器的一部 ...

  9. 『 Spark 』1. spark 简介

    2019独角兽企业重金招聘Python工程师标准>>> 原文链接:『 Spark 』1. spark 简介 写在前面 本系列是综合了自己在学习spark过程中的理解记录 + 对参考文 ...

最新文章

  1. 技术13期:一文读懂Flink的流式处理及窗口理解
  2. 修改VIM恶心的注释自动格式化
  3. php简单网站源码包含数组_PHP 数组
  4. springboot 定制个性 banner
  5. 【已解决】java.lang.NullPointerException at line 15, Solution.r
  6. java gzipoutputstream_java – GZIPInputStream逐行读取
  7. java显示文件_java 显示文件夹结构
  8. php程序员的情书,只有程序员才看得懂的情书
  9. 两种数据仓库分层实例
  10. xgp游戏列表_Steam疯狂周三游戏推荐:动物百科全书
  11. 开发者生态与双引擎:华为的雄心壮志!
  12. 菜鸟 学注册机编写之 “序列号组合”
  13. python -m的作用
  14. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_07-freemarker基础-if指令
  15. 威纶触摸屏485轮询通讯_【威纶】触摸屏 界面制作软件 EBpro使用手册.pdf
  16. 新版qq虚拟摄像头颜色不正常_云答辩 | QQ群“视频通话”来了
  17. 微信小程序中相机api_微信拍照翻译, 使用小程序拍照翻译API功能
  18. win10查看网卡的vender ID和device ID
  19. php源码dede,php网站管理系统 DedeCMS v5.7 SP2 UTF8 20180109正式版
  20. 海康、大华等网络摄像头RTSP_Onvif网页无插件直播流媒体服务器EasyNVR鉴权出现跨域问题的解决方法

热门文章

  1. Ubuntu服务器更改远程端口号的方法
  2. excel转pdf(解决导出的pdf和excel格式不一致问题)
  3. 扬州大学2022年858程序设计与数据结构试题
  4. Hack TheGame 11关通关攻略
  5. 架构师---如何应对双十一和618大促
  6. 新中大SE(ngpower)录完凭证出财务报表
  7. NodeNCU(ESP8266)刷MicroPython固件、连接WiFi并传输文件
  8. 计算机主板电池电压,解决办法:如果计算机主板的电池电压不稳定,该怎么办?...
  9. 计算机技术与消防,浅谈计算机技术在消防领域中应用.doc
  10. Scrcpy 投屏神器基本使用