JS基础(一)—— Javascript的组成功能与简单用法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_44222492/article/details/100199292

一、Javascript的介绍及其功能

  JavaScript是一种专为与网页交互而设计的客户端脚本语言,最初是为了实现表单验证。

JavaScript能完成的功能:
  • 用户交互(表单验证)
  • 网页特效(漂浮的广告)
  • 用户记住账户名密码
  • 网页游戏

二、Javascript的组成

Javascript
ECMAScript
BOM
DOM
  • ECMAScript:是一种Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广
    泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展。
  • BOM:Browse Object Model,提供与浏览器交互的方法和接口。(整个浏览器)
  • DOM:Document Object Model,提供访问和操作网页内容的方法和接口。(document文档 (整个文档):从<html>开始到</html>

三、Javascript的简单用法

1. Javascript标签

在这里插入图片描述

注意:
1、type = “text/ javascript” 说明当前script标签中文本的类型。
2、所有的JS代码都必须写在script标签里。
3、为了语法规范,script标签写在head标签中。
4、可以引入多个script标签,多个script标签之间,顺序执行。
5、js代码可以外部引入。
6、如果当前script标签作用引入外部文件,这个script标签中, 就不能再写代码了。

2. JavaScript和HTML的执行顺序

  Javascript和HTML代码在同一个 文件中写,它们的执行顺序是从上朝下,谁在前先执行谁,一般来说,没有特殊需求,Javascript代码写 在<head></head>中间,当然Javascript代码写在html文件的任何地方都可以。Javascript标签可以出现多个。

3. javaScript注释

  • 单行注释//
    快捷键:ctrl+/
  • 多行注释/**/
    快捷键:ctrl+shift+/

4. JavaScript文件引入方式

<script type="textjavascript" src="demo1.is" ></script>

注意:
1、不可以使用单标

<script type="text/javascript" src="demo1.js"/>

2、不可以在标签中写代码

<script src="demo1.js">alert('xxx');</script>

5. <script>标签的属性

language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。
src:表示要引入的外部文件。
type:表示脚本语言的类型。

注意:
text/javascript表示说明这一段脚 本语言是JavaScript,告诉浏览器这一段要按照JavaScript来解释执行。

猜你喜欢

转载自blog.csdn.net/weixin_44222492/article/details/100199292