JavaScript的语言特性、js的三种引入方式

1.JavaScript的基础知识

1.1 什么是JavaScript语言

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

1.2 JavaScript语言的特点

  • 是一种解释性语言,也就是说它是边编译边执行的,它不像java等编程语言一样会进行预编译。
  • 它是一种弱类型语言,对于语法的要求不严格,语法非常灵活,会有很多种写法。
  • 运行环境:浏览器、node环境
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

1.3 JavaScript的语法要求

  • js是区分大小写的,这一点和HTML的书写有点不一样
  • 所有编码都必须在英文状态下进行

1.4 JavaScript可以做什么

  • 让网页具有交互性,用户有更好的体验
  • 可以处理表单,检验用户的输入,并提供及时反馈节省用户时间。例如需要用户输入身份证号,但是用户输入的位数不够,需要我们给用户提醒。
  • 根据用户的操作,动态的创建页面
  • 设置cookie,cookie是存储在浏览器上的一些临时信息

2. JavaScript的三种引入方式

2.1 行内引入

书写格式:<开始标签 on+事件类型=“js代码”></结束标签>

注意:行内引入方式必须结合事件来使用,但是使用标签和外部js可以不结合事件。
例如:现在我们写一个简单的点击事件

<body>
    <div onclick="alert('行内引入JavaScript')">
        aaaaaa
    </div>
</body>

点击图中文字就会出现弹窗
点击事件展示效果

2.2 标签引入(内部js)

书写格式:在HTML文档的任何位置运用< script> < /script>标签,在里面写js代码即可。

<script>
    alert('这是内部JavaScript的简单示例')
</script>

内部js的简单示例

2.3 外部js(推荐)

  • 书写格式:首先定义一个外部的js文件,以“.js”结尾的,然后在HTML文件中引入js文件
  • 外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点,所以我们推荐使用外部js。
    看一个外部js的示例:
    首先写一个外部js文件,
    外部js文件
    现在在HTML文档中引入js文件,src后面写的使我们自己要引入的js文件的地址
  <script src="../js-01/js/index.js"></script>

看一下运行结果:
外部js运行结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值