位置: IT常识 - 正文

【JavaScript速成之路】一文带你初识JavaScript(javascript速成要多久)

编辑:rootadmin
【JavaScript速成之路】一文带你初识JavaScript

推荐整理分享【JavaScript速成之路】一文带你初识JavaScript(javascript速成要多久),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript入门,javascript入门教程,javascript 教程,javascript速成要多久,js快速入门教程,javascript快速入门,javascript快速入门,javascript快速入门,内容如对您有帮助,希望把文章链接给更多的朋友!

📃个人主页:「小杨」的csdn博客 🔥系列专栏:【JavaScript速成之路】 🐳希望大家多多支持🥰一起进步呀!

文章目录前言1,JavaScript1.1,JavaScript概述1.2,JavaScript历史1.3,JavaScript特点1.4,JavaScript组成2,JavaScript入门2.1,书写模式2.2,代码注释2.3,输入输出语句结语前言

📜前言:从今天开始,小杨就开始了一个新的专栏【JavaScript速成之路】,该专栏主要向大家介绍一些JavaScript的基础语法,适合初学者阅读,希望大家能够通过该专栏的学习,快速掌握JavaScript的基本语法!

1,JavaScript1.1,JavaScript概述

JavaScript是Web开发领域中一种强大的编程语言,主要用于开发交互式的Web页面。

对于制作一个网页而言,HTML,CSS,JavaScript分别代表了结构,样式和行为。

结构是网页的骨架,样式是网页的外观,行为是网页的交互逻辑。

HTML,CSS,JavaScript的比较:

语言作用说明HTML结构决定网页的结构和内容,相当于人的身体CSS样式决定网页呈现给用户的模样,相当于人的衣服JavaScript行为实现业务逻辑和页面控制,相当于人的各种动作

知识点:

JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变为支持用户交互的页面程序。浏览器是访问互联网中各种网站所必备的工具,JavaScript主要就是运行在浏览器中的。浏览器内核分为渲染引擎(也称排版引擎)和JavaScript引擎两种,渲染引擎(如chrome浏览器的Blink)主要负责解析HTML与CSS,而JavaScript引擎(如chrome浏览器的V8引擎)是JavaScript语言的解释器,用于网页中JavaScript代码的读取并对其处理执行。1.2,JavaScript历史

创造者:布尔登-艾奇(Brendan Eich,1961年~至今)。

于1995年,布尔登-艾奇在网景导航者浏览器上首次设计出了JavaScript。

网景公司最初将其命名为LiveScript,后来与Sum公司合作之后将其改名为JavaScript。

在JavaScript设计之初,JavaScript是用来控制浏览器的行为。

例如,在浏览器中进行表单验证,用户只有输入正确的格式内容后才能进行表单提交操作,这样避免用户因表单信息填写错误导致的反复提交问题,节省了时间和网络资源。

而现在,JavaScript的作用不仅仅局限于浏览器了,出现了很多其他的作用,如:

网页特效(监听用户的一些行为让网页作出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js)

1.3,JavaScript特点JavaScript是一种脚本语言。JavaScript可以跨平台。JavaScript支持面向对象。

知识点:

脚本简单来说就是一条条的文本命令,这些文本命令按照代码流程逐条被执行。常见的脚本语言有JavaScript,TypeScript,PhP,Python等,依赖于解释器,只在被调用时自动进行解释或编译。常见的非脚本语言有Java,C,C++等,一般需要编译,链接,生成独立可执行文件后才能运行。1.4,JavaScript组成

JavaScript是由ECMAScript,DOM,BOM三部分组成的。

JavaScript的组成示意图:

1)ECMAScript

ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或 JScript,但实际上后两者是ECMAScript语言的实现和扩展。

ECMAScript : ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。

2)DOM–文档对象模型

文档对象模型( Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。

3)BOM–浏览器对象模型

BOM(Browser Object Model,简称BOM)是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制汶览器跳转、获取分辨率等。

2,JavaScript入门2.1,书写模式

1)行内式

行内式是指将单行或者少量的JavaScript代码写在HTML标签的事件属性中,也就是以on开头的属性,如onclick。

为了更好地理解什么是行内式的写法,示例如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--1.行内式的js 直接写到元素的内部--> <input type="button" value="点我" onclick="alert('行内式')"></body></html>

知识点:

【JavaScript速成之路】一文带你初识JavaScript(javascript速成要多久)

可以将单行或少量JavaScript代码写在HTML标签的事件属性中(以on开头的属性),如: onclick。

注意单双引号的使用:在HTML中我们推荐使用双引号,JavaScript中我们推荐使用单引号。

可读性差,在HTML中编写大量的JavaScript代码时,不利于阅读。

引号易错,引号多层嵌套匹配时,非常容易弄混,进而出错。

2)内嵌式

内嵌式是将多行的JavaScript代码统一写到<script>标签中,该方式是JavaScript学习中最常用的写法。

为了更好地理解什么是内嵌式的写法,示例如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!--2.内嵌式的js --> <script> alert('内嵌式'); </script></head><body></body></html>

3)外部式

外部式是指将JavaScript代码专门写到一个文件里,然后在HTML文件中使用,适用于JavaScript代码量比较多的情况。

为了更好地理解什么是外部式的写法,示例如下:

1,JavaScript文件代码

alert('外部式');

2,HTML文件直接使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!--外部式的js --> <script src="index.js"></script></head><body></body></html>

知识点:

利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,又能方便文件级别的复用。

引用外部JavaScript文件的script标签中间不可以写代码。

2.2,代码注释

通过注释可以屏蔽代码被执行或者添加备注信息,JavaScript 支持两种形式注释语法:

1)单行注释

使用 // 注释单行代码,一次只能注释一行,但可以重复注释,适用于注释少量信息的情况。

为了更直观地理解单行注释的语法,示例如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript 基础 单行注释</title></head><body> <script> // 这种是单行注释的语法 document.write('你好!'); </script></body></html>

2)多行注释

使用 /* */ 注释多行代码,适用于注释大量的信息的情况。

为了更直观地理解多行注释的语法,示例如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript 基础 多行注释</title></head><body> <script> /* 这种的是多行注释的语法 */ /* 更常见的多行注释是这种写法 可以任意换行,多少行都可以 */ document.write('你好!'); </script></body></html>

注意:编辑器中单行注释的快捷键为 ctrl + /

2.3,输入输出语句

JavaScript是一门可以在网页中实现用户交互效果的编程语言。

当我们打开网页后,网页自动弹出输入框,用户按照提示进行输入操作,输入操作完成后,输入的信息传入程序内部进行处理,处理完成后,程序再把结果通过警示框来告诉用户。

在JavaScript中,输入输出语句有以下3种,分别为:

方法说明归属alert(msg)浏览器弹出警示框浏览器prompt(info)浏览器弹出输入框,用户可以输入浏览器console.log(msg)浏览器控制台打印输出信息浏览器

为了更直观地理解输入输出语句的用法,示例如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript 基础 输入输出</title></head><body> <script> // 1. 浏览器弹出警示框 alert('这是一个警示框'); // 2. 浏览器弹出输入框,用户可以输入内容 prompt('这是一个输入框'); //3.浏览器控制台输出信息 console.log('在控制台打印输出的信息'); </script></body></html>

1,alert使用效果

2,prompt使用效果

3,console.log使用效果

结语

这就是本期博客的全部内容啦,想必大家已经对JavaScript这门编程语言已经有了初步地认识吧,后续将对JavaScript中的各部分语法进行逐一介绍,如果有什么其他的问题无法自己解决,可以在评论区留言哦!

最后,如果你觉得这篇文章写的还不错的话或者有所收获的话,麻烦小伙伴们动动你们的小手,给个三连呗(点赞👍,评论✍,收藏📖),多多支持一下!各位的支持是我最大的动力,后期不断更新优质的内容来帮助大家,一起进步。那我们下期见!

本文链接地址:https://www.jiuchutong.com/zhishi/299708.html 转载请保留说明!

上一篇:Selenium.Webdriver最新语法教程(附Chrome实例演示)

下一篇:win11系统中怎样开启无线投屏? win11添加无线显示器的技巧(win11系统中怎样调整office底色)

  • 打开全部历史记录(打开)(打开全部历史记录168页怎么删除)

    打开全部历史记录(打开)(打开全部历史记录168页怎么删除)

  • 三星s22ultra和s21ultra区别(三星s22ultra和s21ultra屏幕哪个好)

    三星s22ultra和s21ultra区别(三星s22ultra和s21ultra屏幕哪个好)

  • 支付宝关闭花呗的方法是什么(支付宝关闭花呗有影响吗?)

    支付宝关闭花呗的方法是什么(支付宝关闭花呗有影响吗?)

  • 中国移动通话记录可以查多久(中国移动通话记录能查几年)

    中国移动通话记录可以查多久(中国移动通话记录能查几年)

  • 苹果手机信号1x是什么意思(苹果手机信号1x怎么解决)

    苹果手机信号1x是什么意思(苹果手机信号1x怎么解决)

  • 华为10.0系统发布时间(华为系统新版本10.0怎么样)

    华为10.0系统发布时间(华为系统新版本10.0怎么样)

  • 电量多少充电合适(多少电量时充电最好)

    电量多少充电合适(多少电量时充电最好)

  • 闲鱼能查到对方身份信息吗(闲鱼能查到对方信息吗)

    闲鱼能查到对方身份信息吗(闲鱼能查到对方信息吗)

  • 苹果11手机长度是几厘米(苹果11手机长度是多少厘米)

    苹果11手机长度是几厘米(苹果11手机长度是多少厘米)

  • nove5i和nove5i pro有什么区别(nove5i和nove5i pro 屏幕一样的吗)

    nove5i和nove5i pro有什么区别(nove5i和nove5i pro 屏幕一样的吗)

  • 停电对4g网有什么影响(停电会影响4g信号吗)

    停电对4g网有什么影响(停电会影响4g信号吗)

  • iphone7plus长度几厘米(苹果7plus长度是多少)

    iphone7plus长度几厘米(苹果7plus长度是多少)

  • 计算机中byte的意思是(计算机中byte和bit)

    计算机中byte的意思是(计算机中byte和bit)

  • vivo手机怎么显示流量(vivo手机怎么显示时间和日期)

    vivo手机怎么显示流量(vivo手机怎么显示时间和日期)

  • 手机怎么查看淘宝年龄(手机怎么查看淘宝店铺开了多久)

    手机怎么查看淘宝年龄(手机怎么查看淘宝店铺开了多久)

  • 荣耀MagicBook 14的接口有几个(荣耀magicbook14的充电器)

    荣耀MagicBook 14的接口有几个(荣耀magicbook14的充电器)

  • 快手怎么建立公会流程(快手怎么建立公会账号)

    快手怎么建立公会流程(快手怎么建立公会账号)

  • 拼多多怎么删除精选推荐(拼多多怎么删除物流信息)

    拼多多怎么删除精选推荐(拼多多怎么删除物流信息)

  • iphone黑暗模式怎么设置(iphone黑暗模式怎么调)

    iphone黑暗模式怎么设置(iphone黑暗模式怎么调)

  • 苹果8出厂系统版本(苹果6版本)

    苹果8出厂系统版本(苹果6版本)

  • iphone11几倍变焦(苹果11有几倍变焦)

    iphone11几倍变焦(苹果11有几倍变焦)

  • iphone8频繁自动关机(iphone8频繁自动重启怎么解决)

    iphone8频繁自动关机(iphone8频繁自动重启怎么解决)

  • 手机便签文件在哪(手机便签文件在哪个文件夹)

    手机便签文件在哪(手机便签文件在哪个文件夹)

  • mqtt是什么

    mqtt是什么

  • Linux阵列 RAID详解(linux做raid命令)

    Linux阵列 RAID详解(linux做raid命令)

  • 税务局纳税申报网站官网
  • 税务迁移麻烦吗
  • 税额怎么调整
  • 公司替个人交的水电费计入哪里了
  • 收取职工工会会费收据
  • 不付加工费怎么办
  • 员工在公司食堂就餐被烫伤医药费由谁承担
  • 单位结算卡和公账是一张卡吗
  • 其他应收和其他应付怎么调账
  • 30万的车税可以抵多少钱
  • 外贸公司代理出口退税怎么入账
  • 审核发票的要点和方法
  • 供货方提供安装材料
  • 异地施工缴税增值税交多少
  • 固定资产出售增值税税率
  • 缴纳土地出让金购买的土地是无形资产吗
  • 房产税逾期有滞纳金吗
  • 未来公司销售一批产品给东方公司
  • 仅提供发票
  • 个体户定额定税要做账吗
  • 饮料厂税率
  • 非居民纳税人享受协定待遇办理方式
  • 债务重组收益会计处理
  • windows hello用不了怎么办
  • 王者荣耀百里守约是男是女
  • linux如何安装
  • 手机word文档怎么加照片
  • xampp如何运行php项目
  • linux系统设置中文语言
  • PHP:curl_multi_init()的用法_cURL函数
  • 公司股票 收税
  • PHP:pcntl_wexitstatus()的用法_PCNTL函数
  • 在建工程的核算内容和范围是什么
  • 公司员工借款怎么做账
  • 分包工程的税金怎样处理
  • 代发工资的会计科目
  • 产品检测费计入现金流量表什么项目
  • 帝国cms功能
  • 织梦面包屑导航最后的分隔符大于号去掉方法
  • 我们买得起一辆新车吗?英文
  • 哪些收据可入账科目
  • 税前利润是否等于利润总额
  • 电商收服务费合法吗
  • 固定资产资本化后续支出
  • 交易性金融资产包括哪些项目
  • 刚成立的公司老板要我入股
  • 什么情况下增值税计入成本
  • 印花税不足一元免征吗
  • 其他应收款在借方怎么调账
  • 冲回上月暂估入账的商品会计分录
  • 福利费可以计入销售费用吗
  • 进货时的运费计入什么
  • 厂房装修费用账务处理
  • 公司拿房子抵债需要缴纳什么税费
  • mysql触发器使用
  • win10小娜如何使用
  • win8.1怎么样
  • win8打开桌面
  • win2003 enterprise序列号
  • 使用二氧化碳灭火器时人应该站在什么位置
  • ikeeperpab.exe是什么
  • xp系统修改文件类型
  • centos6开机启动
  • Mac显示桌面快捷键
  • cocos2d-x教程
  • opengl多窗口绘图
  • 调用perl脚本
  • unity出现bug
  • unity udim
  • dos命令显示时间
  • 根据当前目录下的文件
  • python 内置函数名作为变量名
  • shell脚本检查语法
  • python数字运算规则
  • Unity3D游戏开发pdf
  • jquery兼容ie
  • 武汉经济技术开发区法院立案庭电话
  • 发票专用章盖在哪里
  • 铁路检察院和普检哪个好
  • 国税局黑龙江省
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设