1 JS简介

JavaScript 是 web 开发者必学的三种语言之一：
1. HTML 定义网页的内容；
2. CSS 规定网页的布局；
3. JavaScript 对网页行为进行编程。
标签
在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间。
JavaScript 函数和事件
JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。例如，当发生事件时调用函数，比如当用户点击按钮时。
JS脚本位置
JS脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。甚至可以放置在文本外部。

2 功能演示：修改标签内容

可以在网站https://www.w3school.com.cn/tiy/t.asp?f=eg_js_use_body中验证以下代码。
第5行定义了一个标签，id属性为demo。
第6行定义了一个按钮，当点击是触发函数myFunction。
第8~11行定义了一段JS脚本，是一个函数，当函数触发时，修改id为demo的标签内容。

<!DOCTYPE html>
<html>
<body>
<h2>Body 中的 JavaScript</h2>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">试一试</button><script>
function myFunction() {document.getElementById("demo").innerHTML = "段落已被更改。";
}
</script>
</body>
</html>

3 引用外部JS脚本

可以在网站https://www.w3school.com.cn/tiy/t.asp?f=eg_js_use_external中验证以下代码。
在代码第8行，引入了外部文件，该文件中已经对myFunction进行定义，其余内容与上一例子类似。
在外部文件中放置脚本有如下优势：
1. 分离了 HTML 和代码；
2. 使 HTML 和 JavaScript 更易于阅读和维护；
3. 已缓存的 JavaScript 文件可加速页面加载。

<!DOCTYPE html>
<html>
<body>
<h2>外部 JavaScript</h2>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">试一试</button>
<p>（myFunction 存储在名为 "myScript.js" 的外部文件中。）</p>
<script src="/demo/myScript.js"></script>
</body>
</html>

4 总结

了解JS语言与html、css的分工合作。
简单了解JS语言的使用例子。

参考文献

《JavaScript 教程》W3school对JS的文本教程。

【JS基础】JavaScript语言简介及简单例子相关推荐

node.js基于JavaScript语言新兴框架
node.js基于JavaScript语言,不在单用学习一门新的语言,从而降低了陌生语言的门槛,同时js语言在web前端开发至关重要,特别HTML5必须使用,前后台语言统一,不仅可以实现程序员全栈开发 ...
js基础--javascript基础概念之函数
js基础--javascript基础概念之函数引用w3c介绍: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. JavaScript 函数语法函数就是包裹在花括号中的代码块,前面使用 ...
组合恒等式7 组合变换的互逆公式简介与简单例子
组合恒等式7 组合变换的互逆公式双重求和可以交换次序互逆公式的证明应用互逆公式证明组合恒等式类似离散序列的Z变换,我们也可以定义以组合数为系数的组合变换,一个直观的例子是 bk=∑i=0k(− ...
二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象控制HTML元素
1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面 ...
javascript语言简介
目录一.简介二.体系三.CSS,javascript的引入方式 1.行内 2.文本内部 3.外部链接 4.js的输出方式 5.算法的特点一.简介 JavaScript(Java脚本)是一种基于 ...
java语言factory_一个简单例子解释 Java factory
其实工厂模式结构并不复杂,其目的只有一个就是解耦.废话少说看例子吧.这个HelloWorld就足够说明工厂模式在Java语言里的实现方法. /** *//** * IOC模式简单实例 */ /** * ...
JS 基础 —— JavaScript 关键字（keyword）与保留字
转载于: JavaScript 关键字(keyword)与保留字一.JavaScript 所有关键字: break case catch continue default delete do els ...
python程序语言的提示符是什么_Python基础之语言简介
python是什么 Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言,其设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特 ...
Java基础----Java语言简介
1.什么是Java语言 Java语言是SUN(Stanford University Network,斯坦福大学网络公司 ) 1995年推出的一门高级编程语言,是一种强类型语言. Java是一门面向对 ...
2015-05-22-csharp-MSMQ简介和简单例子
csharp 1.什么是MSMQ 微软消息队列 Mircosoft Message Queue,一台计算机先把消息放到队列中,其它机器可以将这个信息从队列中取出.图示如下: 2.使用CSharp操作消 ...

【JS基础】JavaScript语言简介及简单例子

目录

1 JS简介

2 功能演示：修改标签内容

3 引用外部JS脚本

4 总结

参考文献

【JS基础】JavaScript语言简介及简单例子相关推荐

最新文章

热门文章