JavaScript 基础相关

1、JavaScript 简介

JavaScript是一种基于客户端浏览器,基于对象、事件驱动式的脚本语言,具有跨平台性。JavaScript 是嵌入到 web 界面中的解释性语言, 也和所有脚本语言一样是动态解释执行的,不需要进行预编译。JavaScript 是一种弱类型变量语言,在使用变量前无需声明,由解释器在运行时检查其数据类型。

2、JavaScript 的运用

JavaScript的实现由两种:

1、在 HTML 中通过 <script>   </script> 标签 嵌入到<body> 或<head> 部分。格式如下:

<head>
    <script> 
        javaScript 代码部分
    </script>
</head>

2、将 JavaScript 代码提出到一个单独的 . js 文件中,通过 <script > 标签的 src 属性引用到HTML 的 <body> 或<head> 部分  中,格式如下:

<head>
    <script src="demo.js"> </script>    
</head>

 

3、JavaScript 的 <script>标签相关属性

<script> 标签具有如下属性:

  1. type 属性。指定该元素内包含的脚本语言类型,通常是 text/javascript 。
  2. src 属性。指定外部 js 文件的路径。
  3. charset 属性。指定外部脚本文件所用的字符集。只能和 src 属性一起用。常用的为 charset= "utf-8" ,以此来实现中文。
  4. defer 属性。指定脚本是否延迟执行。
  5. async 属性。指定脚本是否异步执行。

defer 属性 和 async 属性 又来提升 JavaScript 的性能。下面详细介绍一下:

defer 推迟脚本执行属性:

defer 属性 指定了推迟脚本执行。用法为:< script type="text/javascript" src="defer.js" defer >  </script>

浏览器在执行时,默认按着从上到下的顺序执行,当引入的 .js 文件在 head 位置时, 如果 js 代码中存在对 body 中标签的操作,因为 js 文件先加载,所以在执行到时未找到操作的位置,于是报错。而添加了 defer 属性后,就会自动的等到所有的HTML内容加载完毕后执行 js 文件,此时 js 文件已经获得了所要操作的 HTML

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值