JavaScript简介

JavaScript简介:

  • JavaScript简介:

     JavaScript 是面向 Web 的编程语言,获得了所有网页浏览器的支持,是目前使用最广泛的脚本编程语言之一,也是网页设计和 Web 应用必须掌握的基本工具。
    
  • 浏览器支持:

    目前 5 大主流浏览器都支持 ECMAScript 5,具体说明如下:
    在这里插入图片描述

  • JavaScript构成:

    ECMAScript 是 JavaScript 的标准,但它并不等同于 JavaScript,也不是唯一被标准化的规范
    实际上,一个完整的 JavaScript 实现由以下 3 个不同部分组成:

     	· 核心(ECMAScript):语言核心部分。
     	· 文档对象模型(Document Object Model,DOM):网页文档操作标准。
     	· 浏览器对象模型(BOM):客户端和浏览器窗口操作基础。
    

JavaScript的引入方式

1:嵌入式

嵌入式就是把<script>标签包裹成JavaScript代码,直接编写到Html文件中,具体实例如下:

在这里插入图片描述
在这里插入图片描述
上述示例演示两种书写方式,其中<script>标签的ttype属性用于告知浏览器脚本的类型,由于Html中该属性默认值为”text/javascript”,因此在编写时可以省略

2:外链式

外链式是指JavaScript代码保存到一个单独的文件中,通常使用”js”作为文件的扩展名,让然后使用<script>标签的src属性引入文件,具体操作如下:

在这里插入图片描述

(1)相对路径:”Js/new_file.js”引入当前路径的js子目录中的new_file.js文件,”…/js/new_file.js”引入上级目录下的js子目录中的new_file.Js文件

(2) 绝对路径:”/js/new_file.js”引用网站根目录下的js子目录中的new_file.js文件,如果网页在本地,可以通过”file://c:/js/new_file.js”引入本地文件

(3)URL地址:如:”http:.//js.test/dome.js”,如自动使用当前页面协议,可写为”//js.test/new_file.js”

3:行内式

行内式是将JavaScript代码作为Html标签的属性值使用。例如,单机”text”按钮时,弹出一个警告框提示”Hello Word”,具体实例如下.
在这里插入图片描述
编写第一个程序

在 HTML 页面中嵌入 JavaScript 脚本需要使用 <script> 标签,用户可以在 <script> 标签中直接编写 JavaScript 代码,具体步骤如下。

第 1 步,新建 HTML 文档,保存为 test.html。

第 2 步,在 <head> 标签内插入一个 <script> 标签。

第 3 步,为 <script> 标签设置type="text/javascript"属性。

第 4 步,在 <script> 标签内输入 JavaScript代码document.write("<h1>Hi,JavaScript!</h1>");

在这里插入图片描述
在 JavaScript 脚本中,document 表示网页文档对象;document.write() 表示调用 Document 对象的 write() 方法,在当前网页源代码中写入 HTML 字符串"<h1>Hi,JavaScript!</h1>"。在 JavaScript 脚本中,document 表示网页文档对象;document.write() 表示调用 Document 对象的 write() 方法,在当前网页源代码中写入 HTML 字符串

第5步,保存网页文档,在浏览器中预览,显示效果如图所示。

在这里插入图片描述

新建 JavaScript 文件

第1步,新建文本文件,保存为 test.js。注意,扩展名为.js,它表示该文本文件是 JavaScript 类型的文件。

第2步,打开 test.js 文件,在其中编写如下 JavaScript 代码。

在这里插入图片描述
在上面代码中,alert() 表示 Window 对象的方法,调用该方法将弹出一个提示对话框,显示参数字符串 “Hi, JavaScript”

第3步,保存 JavaScript 文件。在此建议把 JavaScript 文件和网页文件放在同一个目录下。

第4步,新建 HTML 文档,保存为 test.html。

第5步,在 <head> 标签内插入一个 <script> 标签。定义 src 属性,设置属性值为指向外部 JavaScript 文件的
URL 字符串。代码如下:

在这里插入图片描述

第6步,保存网页文档,在浏览器中预览,显示效果如图所示。

在这里插入图片描述

定义 src 属性的 <script> 标签不应再包含 JavaScript 代码。如果嵌入了代码,则只会下载并执行外部 JavaScript 文件,嵌入代码将被忽略。

  • 9
    点赞
  • 40
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值