您的位置：首页 > Web前端 > JavaScript

《JavaScript学习》第一节

2019-05-08 20:20 14 查看
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/s2152637/article/details/89969382

一、JavaScript简介

JavaScript主要功能：动态修改HTML页面内容，包括创建、删除HTML页面元素，修改html页面元素的内容、外观、位置、大小等。

JavaScript是基于对象的，属于弱类型变量语言。它的代码是一种文本字符格式，可以直接嵌入在HTML文档中，并且可以动态加载。JavaScript和Java是两个不同的产品，老虎钳和老虎的区别。

二、运行JavaScript

运行JavaScript有三种方式：

第一种：使用javascript:前缀构建JavaScript代码的url，当触发该url时，javascript:之后的JavaScript代码就会执行

[code]<a href="javascript:alert('运行JavaScript');">点击a标签运行JavaScript代码</a>

第二种：使用<script>...</script>元素来包含JavaScript代码，<script.../>即可作为<head../>的子元素，也可作为<body.../>的子元素。

[code]<script type="text/javascript">
alert("直接运行JavaScript");
</script>

第三种：让HTML页面和JavaScript脚本分离，将JavaScript脚本单独保存在*.js文件中，HTML页面导入该*.js文件。一般在<head>...</head>之间导入。

[code]<script type="text/javascript" src="test.js"></script>

在传统模式下，浏览器会按照从上到下的方式解析HTML页面的元素，如果页面上出现<script.../>元素，浏览器将会解析并指定<script.../>元素导入的脚本文件——在脚本文件执行完成之前，浏览器不会解析处理<script.../>元素之后的内容。

使用<script.../>元素时可指定以下属性：

  1. type：该属性指定该元素内包含的脚本语言的类型，通常为“text/javascript”。
  2. src：指定外部脚本文件的URL。当指定外部文件后，如果在原页面中内嵌JS代码，则先执行外部引入的JS代码，然后在执行内嵌的JS代码。
  3. defer：HTML5增强的属性，用于指定脚本是否延迟。defer属性会告诉浏览器必须等整个页面载入后，解析完毕才执行该<script.../>元素的脚本。注意：defer属性只能作用于外部脚本文件 
    [code]<script type="text/javascript" src="test.js" defer></script>

     

  4. async：HTML5增强的属性，用于指定脚本是否异步执行。使用async属性的<script.../>元素会启动新线程，异步执行<script.../>元素导入的脚本文件，浏览器会继续向下解析，处理页面内容。注意：async属性只能作用于外部脚本文件 
    [code]<script type="text/javascript" src="test.js" async></script>

     

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航