四.JS基础
1.概述
JS是为你网站添加交互功能编程语言。
JS：动态编程语言，用于HTML文档时，可在网站提供动态交互性。JavaScript 本身是相当简洁却非常灵活的。
其他开发者在JS核心之上写了很多工具，提供大量额外功能：
（1）浏览器应用编程接口API：置于浏览器中，可以动态编写html和设置css，可以采集和操控用户摄像头的数据流并生成三维图像和音频样本，可以.....
（2）可以将其他内容提供者如Twitter 或 Facebook的第三方API用于自己网站
（3）可在自己的HTML用第三方框架和库快速构建网站和应用
2.Hello World示例
在你的页面中添加一些基本的 JavaScript 脚本来创造一个 “hello world” 示例。
（1）scripts文件夹下创建main.js文件
（2）index.html中的靠近<body>文件底部的位置添加
<script src="scripts/main.js"></script>
（3）基本与引入CSS的<link>元素的功能相同----->>将JS引入页面，所以它将影响HTML
（4）main.js中添加
var myHeading = document.querySelector('h1'); myHeading.textContent = 'Hello world!';
（5）打开浏览器，效果：
（提示！）将<script>元素放在HTML文件底部，因为浏览器会按照代码顺序解析HTML文件，如果JS在html的上部，其功能是影响html文件下面的元素，那么js先被加载，而html还没完全被夹在而使功能失效。所以通常js代码写于html文档的底部。
具体的内部实现：
（1）使用querySelector()函数来获取标题，存于变量myHeading中。与CSS选择器相似，相对某个元素进行操作，需要先选择它。
（2）myHeading变量的属性textContent（标题内容）进行赋值。
（3）关于文档对象模型DOM，document接口表示任何在浏览器中已经加载好的网页，并作为一个入口去操作网页内容。
3.语法基础速览
浙公网安备 33010602011771号