JS入门实例1

最新推荐文章于 2023-10-26 13:36:31 发布

小脑斧v587

最新推荐文章于 2023-10-26 13:36:31 发布

阅读量169

点赞数

本文链接：https://blog.csdn.net/weixin_42458464/article/details/88756221

版权

   JavaScript 是一门编程语言，可为网站添加交互功能。（例如：游戏、动态样式，动画，以及在按下按钮或收到表单数据时做出的响应，等）。

那么JavaScript到底是什么呢？

JavaScript（缩写：JS）是一门完备的动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性。
JavaScript 的应用场合极其广泛。简单到幻灯片、照片库、浮动布局和响应按钮点击。复杂到游戏、2D 和 3D 动画、大型数据库驱动程序，等等。

JavaScript 相当简洁，却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具，可以使开发工作事半功倍。其中包括：

浏览器应用程序接口（API）—— 浏览器内置的 API 提供了丰富的功能，比如：动态创建 HTML 和设置 CSS
样式、从用户的摄像头采集处理视频流、生成3D 图像与音频样本，等等。
第三方 API ——让开发者可以在自己的站点中整合其它内容提供者（Twitter、Facebook 等）提供的功能。
第三方框架和库——用来快速构建网站和应用。

##下面我们可以先做一个简单的小例子体验一下js的基础特性

<!DOCTYPE html>
<html>
<head>
	<title>我的第一个js案例</title>
</head>
<body>
    <h1>过来，旺财</h1>
</body>
</html>

result1:
在这里插入图片描述

当在html文件head中加入

<script src="hello.js" async></script>

result2:
在这里插入图片描述
由此可见：
JavaScript 把页面的标题改成了 “Hello world!” 。首先用 querySelector() 函数获取标题，把标题的引用储存在 header 变量中。这与 CSS 选择器的用法非常相像：若要对某个元素进行操作，首先得选择它。把 header变量的属性 textContent （标题内容）修改为 “Hello world!” 。

如果我们在body中加入

<script src="hello.js" async></script>

hello.js

var header=document.querySelector("h1");
header.textContent="hello wrold!";

result3:
在这里插入图片描述
我们可以发现javascript脚本既可以放在头部，也可以放在尾部，但注意的是当放在尾部时，我们必须要放在body的末尾处
防止由于 HTML 尚未被加载而失效。

注:上面用到的两个函数(querySelector,textContent)都来自文档对象模型 (DOM) API的常用函数，均用于控制文档。

小脑斧v587

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS入门实例1

JavaScript 是一门编程语言，可为网站添加交互功能。（例如：游戏、动态样式，动画，以及在按下按钮或收到表单数据时做出的响应，等）。那么JavaScript到底是什么呢？JavaScript（缩写：JS）是一门完备的动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性。 JavaScript 的应用场合极其广泛。简单到幻灯片、照片库、浮动布局和响应按钮点击...
复制链接

扫一扫