前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript介绍

JavaScript介绍

作者头像
zy010101
发布2022-06-06 12:39:56
2650
发布2022-06-06 12:39:56
举报
文章被收录于专栏:程序员

JavaScript介绍

JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。 JavaScript的标准是ECMAScript,2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES2015。 JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。实际上的JavaScript语言基于原型编程、是多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript的组成部分

完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型(DOM),浏览器对象模型(BOM)。 ECMAScript,描述了该语言的语法和基本对象。 文档对象模型(DOM),描述处理网页内容的方法和接口。 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。

JavaScript运行场景

  1. 在浏览器中运行,为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
  2. 在Node.js中运行,可以让JavaScript 成为服务端的开发平台。

JavaScript书写位置

在行内标签上直接书写js代码

在a标签上书写js代码

代码语言:javascript
复制
 <a href="javascript:alert(123);">点我1</a>

需要将JavaScript代码书写子啊href属性中,并且需要按照上面的格式javascript:;来书写js代码

在非a标签上书写js代码

代码语言:javascript
复制
 <h1 onclick="alert('qwe');">点我2</h1>

书写在行为属性标签上即可,例如上面这样。在非a标签上不用在书写javascript:;形式了,而是直接书写javascript的代码即可。

将JavaScript内嵌到HTML的script标签对内

代码语言:javascript
复制
<body>
    <script>
        alert(12345)
    </script>
</body>

通常像上面这样,将JavaScript代码内嵌到HTML的body部分的最下面,这样js代码就会自动执行。有时候也会将其内嵌在HTML的head部分,这样js就会在页面加载之前执行,但是这可能会导致页面加载缓慢。如果没有必要,通常还是将js代码放在body部分的最下面。

外链JavaScript代码

和内嵌js代码类似,只不过需要在script标签的src属性中指定js文件的路径,这样就直接将js文件引入到了该HTML页面中,打开页面js代码就会自动执行。下面的代码就是引用了和该HTML在同一目录下的main.js文件。

代码语言:javascript
复制
<body>
    <script src="main.js"></script>
</body>

参考资料:百度百科

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-06-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • JavaScript介绍
    • JavaScript的组成部分
      • JavaScript运行场景
        • JavaScript书写位置
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档